官术网_书友最值得收藏!

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>
主站蜘蛛池模板: 军事| 文成县| 印江| 汝阳县| 武宁县| 抚松县| 鄯善县| 广州市| 连城县| 徐汇区| 太白县| 惠州市| 城步| 黑水县| 田东县| 沾化县| 喀什市| 临武县| 科技| 东丽区| 如东县| 务川| 通辽市| 秭归县| 汶川县| 博爱县| 龙里县| 奈曼旗| 承德县| 开原市| 乌兰察布市| 高雄县| 晋中市| 拉萨市| 富顺县| 栖霞市| 古蔺县| 惠州市| 万全县| 疏勒县| 宁明县|