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

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>
主站蜘蛛池模板: 英山县| 宁陕县| 五常市| 南川市| 铜梁县| 吴江市| 闻喜县| 酒泉市| 郑州市| 肥东县| 焉耆| 明溪县| 万盛区| 台州市| 大渡口区| 英超| 张家界市| 共和县| 漯河市| 比如县| 探索| 邯郸县| 勃利县| 东乡县| 通许县| 株洲市| 庆城县| 清徐县| 牙克石市| 彩票| 平凉市| 沙湾县| 溆浦县| 永春县| 阳高县| 城步| 彰化市| 米易县| 乐陵市| 沭阳县| 固阳县|