从零开始写微信小程序--写一个备忘录【二】

接着上次的文章，开始这个项目需要简单构思一下有什么页面，每个页面有些什么。这个小程序是这样的：

主页面有一条条的备忘录记录，右下角有个新建笔记的按钮，主界面下方有toBar，可以进行页面的切换。

进入新建笔记的页面后有一个输入框，上方有个Editor的按钮，点击可以隐藏或者显示。右上方有个删除的按钮，可以删除该条笔记。

第一步是首页的代码，因为是使用cells组件，我们需要引入index.json中引入组件。

{
  "usingComponents": {
        "mp-slideview": "/components/slideview/slideview",
        "mp-cells": "/components/cells/cells",
        "mp-cell": "/components/cell/cell"
  }
}

然后在wxml中使用

<!--index.wxml-->
<view class="wrapper">
 <mp-cells ext-class="my-cells" title="备忘录">
    <mp-slideview  wx:for="{
  {noteList}}" wx:key="{
  {index}}" buttons="{
  {slideButtons}}" bindbuttontap="slideB