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

The note toolbar with extras inside

Some features are still missing from our app, such as deleting or renaming the selected note. We will add these in a new toolbar, just above the note text editor. Go ahead and create a new p element with the toolbar class ;inside the main section:

<!-- Main pane -->
<section class="main">
  <p class="toolbar">
    <!-- Our toolbar is here! -->
  </p>
  <textarea v-model="selectedNote.content"></textarea>
</p>

We will add three new features in this toolbar:

  • Renaming the note
  • Deleting the note
  • Marking the note as favorite
主站蜘蛛池模板: 个旧市| 始兴县| 平江县| 二手房| 尖扎县| 固原市| 教育| 云安县| 阳西县| 云霄县| 富裕县| 镇宁| 大英县| 商丘市| 庄浪县| 金门县| 清涧县| 五台县| 合阳县| 怀柔区| 通江县| 商丘市| 仁寿县| 河西区| 新巴尔虎左旗| 敖汉旗| 公主岭市| 青铜峡市| 改则县| 河间市| 光泽县| 新野县| 青岛市| 连云港市| 苏尼特左旗| 南澳县| 中方县| 江川县| 神池县| 连山| 怀安县|