android小程序备忘录开发代码,从零开始写微信小程序--写一个备忘录【二】

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

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

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

第一步是首页的代码，由于是使用cells组件，咱们须要引入index.json中引入组件。json

{

"usingComponents": {

"mp-slideview": "/components/slideview/slideview",

"mp-cells": "/components/cells/cells",

"mp-cell": "/components/cell/cell"

}

}

而后在wxml中使用小程序

最后是index.js文件，主要是在页面加载后读取缓存中的备忘录信息。缓存

// pages/home/index.js

Page({

/**

* 页面的初始数据

*/

data: {

'noteList': []

},

slideButtonTap(e) {

console.log(e.detail)

},

toNote(e)