记事本vx小程序（待完善）

最新推荐文章于 2024-09-17 12:48:57 发布

Qxxhh

最新推荐文章于 2024-09-17 12:48:57 发布

阅读量714

点赞数 4

文章标签： html javascript

本文链接：https://blog.csdn.net/Qxxhh/article/details/115691514

版权

这篇博客详细介绍了vx小程序的基础构建，包括页面配置、标签使用、按钮设置、index文件的逻辑处理、样式设计以及项目的整体配置，着重讨论了页面顶部标题和各部分的详细配置过程。

摘要由CSDN通过智能技术生成

在这里插入图片描述

基础功能（页面）

    image: '/pages/image/111.jpg',//背景
    textAreaDes: '',//输入的内容
    revise: '',//是不是修改
    id: ''
  },
  btnDown() {
   
    //保存按钮
    if (this.data.textAreaDes.length == 0) {
   
      return;
    }
    //获取本地缓存
    var oldText = wx.getStorageSync('oldText');
    if (oldText != null && oldText != '') {
   
      if (this.data.revise == '1') {
   
        //如果是修改的，循环缓存数组，找到相应id更改
        console.log(oldText)
        for (var i = 0; i < oldText.length; i++) {
   
          var dic = oldText[i];
          if (dic.id == this.data.id) {
   
            oldText[i] = {
    'des': this.data.textAreaDes, time: dic.time, 'id': dic.id };
            console.log(oldText)
            //存入缓存
            wx.setStorageSync('oldText', oldText);
            wx.setStorageSync('isChange', 1);
            return;
          }
        }
      } else {
   
        //记录是内容的id
        var numID = wx.getStorageSync('oldTextID');
        if (numID == this.data.id) {
   
          return;
        }
        //添加更多缓存
        oldText.push({
    'des': this.data.textAreaDes, time: this.data.time, 'id': numID });
        //id自增
        numID++;
        wx.setStorageSync('oldTextID', numID);
        this.setData({
   
          id: numID
        })
      }
    } else {
   
      //如果没有缓存
      oldText = [{
    'des': this.data.textAreaDes, time: this.data.time, 'id': 0 }];
      //保存id
      wx.setStorageSync('oldTextID', 1);
      this.setData({
   
        id: 1
      })
    }
    //存入缓存
    wx.setStorageSync('oldText', oldText);
    wx.navigateBack({
   
      delta:1
    })
  }