第六次尝试

首页js

//index.js
//获取应用实例
Page({
  data: {
      items: []
  },
  addItem: function() {
      wx.navigateTo({
      url: '../item/item'
    })
  },
  onLoad: function () {
    var that = this
    wx.getStorage({
      key: 'db',
      success: function(res) {
        console.log(res.data.length);
        that.setData({
          'items':res.data
        });
      }
    })
  }
})

 

整体开发过来，还是比较自然的。有几个要点值得注意：

1. getStorage的异步性；this的作用域，声明var that = this，才可以在success回调函数中访问。

2. AlertView模态窗口的写法，要通过绑定数据到<modal>的hidden属性，这跟以往弹窗的写法都不相同，体现小程序数据自动刷新的思想。

3.在wxss中使用流程控制跟平时的思路也不一样，是定位于整个view而言的，于是为出支红绿着色只能写成这样形式：

          <text wx:if="{{item.cate == '-'}}" class="sign-green">{{item.cate}} {{item.account}}</text>
          <text wx:else class="sign-red">{{item.cate}} {{item.account}}</text>