- 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>
推薦閱讀
- 程序員面試白皮書(shū)
- 嵌入式軟件系統(tǒng)測(cè)試:基于形式化方法的自動(dòng)化測(cè)試解決方案
- Oracle 12c中文版數(shù)據(jù)庫(kù)管理、應(yīng)用與開(kāi)發(fā)實(shí)踐教程 (清華電腦學(xué)堂)
- 精通API架構(gòu):設(shè)計(jì)、運(yùn)維與演進(jìn)
- Mastering C# Concurrency
- Java 11 Cookbook
- Clojure Reactive Programming
- 低代碼平臺(tái)開(kāi)發(fā)實(shí)踐:基于React
- Android應(yīng)用案例開(kāi)發(fā)大全(第二版)
- Python3.5從零開(kāi)始學(xué)
- Machine Learning With Go
- 物聯(lián)網(wǎng)系統(tǒng)架構(gòu)設(shè)計(jì)與邊緣計(jì)算(原書(shū)第2版)
- 實(shí)戰(zhàn)Python網(wǎng)絡(luò)爬蟲(chóng)
- Web前端開(kāi)發(fā)最佳實(shí)踐
- Drupal Search Engine Optimization