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

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>
主站蜘蛛池模板: 湖州市| 阳信县| 平江县| 深泽县| 长兴县| 林芝县| 盐城市| 象山县| 苗栗市| 平邑县| 论坛| 新泰市| 白沙| 怀宁县| 弥渡县| 灵丘县| 兴化市| 潮安县| 富宁县| 攀枝花市| 休宁县| 华阴市| 娱乐| 丰镇市| 泰来县| 阳谷县| 江门市| 江永县| 石棉县| 东平县| 安泽县| 哈尔滨市| 黑山县| 元朗区| 晋城| 财经| 临泉县| 嘉义市| 天峨县| 沭阳县| 突泉县|