“文笔记+”春节纪念版demo：添加/编辑笔记，保存笔记

房间衣服满天飞，家里年货买买买。今年这个年真是忙成狗了，不多说了明早6点还要去医院，赶紧上传睡觉，这次回家有电脑了录制了GIF图，就不上代码了直接展示功能，下面附代码附件。

2106657ffedc2aa75db4a0f3d137a954.gif (4.08 MB, 下载次数: 71)

下载附件

123.gif

2018-1-1 13:22 上传

Page({
  data: {
    today: '',//当天日期
    image: '/pages/image/111.jpg',//背景图片
    desArr: []//数据源数组
  },
  getNowFormatDate() {
    //获取当天日期
    var date = new Date();
    var seperator1 = "-";
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
      month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
      strDate = "0" + strDate;
    }
    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
    return currentdate;
  },
  onLoad: function (options) {
    //获取缓存内容
    this.setData({
      desArr: wx.getStorageSync('oldText')
    })
    if (this.data.desArr == null && this.data.desArr == '') {
      //如果没有缓存则为空
      this.setData({
        desArr: []
      })
    }
    //获取当天日期
    var day = this.getNowFormatDate()
    this.setData({
      today: day
    })
  },
  onShow: function () {
    // 生命周期函数--监听页面显示   
    //获取当前缓存
    var arrayA = wx.getStorageSync('oldText');
    var isChange = wx.getStorageSync('isChange');
    if (arrayA.length != this.data.desArr.length) {
      //如果数量改变从新赋值
      this.setData({
        desArr: arrayA
      })
    } else if (isChange == 1) {
      wx.setStorageSync('isChange', 0);
      this.setData({
        desArr: arrayA
      })
    }
  },
  onShareAppMessage: function () {
    // 用户点击右上角分享
    return {
      title: '文笔记+', // 分享标题
      desc: '我们的功能不仅笔记', // 分享描述
      path: 'path' // 分享路径
    }
  },
  cancelTap(e) {
    //删除按钮
    console.log(e)
  }
})

wxss：

page {
  height: 100%;
}
.des-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.des-scr {
  width: 100%;
  height: 100%;
}
.des-view {
  margin: 5%;
  width: 90%;
  height: 180rpx;
  border: 1px solid orange;
}
.des-text {
  display: block;
  margin: 20rpx;
  height: 80rpx;
  overflow: hidden;
}
.des-tiemText {
  display: block;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  height: 40rpx;
  text-align: right;
}
.new-btn {
  position: absolute;
  bottom: 200rpx;
  right: 0rpx;
  width: 80rpx;
  height: 80rpx;
  background: darkorange;
  border-radius: 50%;
  font-size: 48rpx;
  line-height: 80rpx;
}

wxml：

<!--背景-->
<image class="des-image" src="{{image}}"></image>
<!--底部滚动-->
<scroll-view class="des-scr" scroll-y="true" bindscroll="scroll">
  <!--循环view-->
  <block wx:for="{{desArr}}">
    <navigator url="../logs/logs?des={{item.des}}&time={{item.time}}&image={{image}}&id={{item.id}}&revise=1">
      <view class="des-view" bindtap="toiletDetails" id="{{index}}">
        <text class="des-text">{{item.des}}</text>
        <text class="des-tiemText">{{item.time}}</text>
      </view>
    </navigator>
  </block>
</scroll-view>
<!--添加按钮-->
<navigator url="../logs/logs?des=&time={{today}}&image={{image}}&id=-1&revise=0">
  <button class="new-btn" bindtap="newBtnDown">+</button>
</navigator>

有人的捧个人场，有钱的捧个钱场~ 来点浮云呗。。。