- Vue.js 2 Web Development Projects
- Guillaume Chau
- 59字
- 2021-07-02 22:34:29
The status bar
The last section we will add to our app is a status bar, displayed at the bottom of the text editor, with some useful info--the date the note was created, with the lines, words, and characters count.
Create a new p element with the toolbar and status-bar classes and place it after the textarea element:
<!-- Main pane --> <section class="main"> <p class="toolbar"> <!-- ... --> </p> <textarea v-model="selectedNote.content"></textarea> <p class="toolbar status-bar"> <!-- The new status bar here! --> </p> </section>
推薦閱讀
- Mastering JavaScript Object-Oriented Programming
- JMeter 性能測試實戰(第2版)
- HTML5+CSS3基礎開發教程(第2版)
- SQL語言從入門到精通
- Python 3網絡爬蟲實戰
- Building a Recommendation Engine with Scala
- HTML5與CSS3基礎教程(第8版)
- Mastering Xamarin.Forms(Second Edition)
- 編程菜鳥學Python數據分析
- Hands-On Nuxt.js Web Development
- HTML+CSS+JavaScript網頁設計從入門到精通 (清華社"視頻大講堂"大系·網絡開發視頻大講堂)
- 零基礎學C語言程序設計
- Everyday Data Structures
- 創意UI:Photoshop玩轉APP設計
- Distributed Computing in Java 9