微信小程序开发 记事本 js

以下是一个简单的微信小程序开发记事本的js代码示例：

// pages/notebook/notebook.js

Page({
  data: {
    diaryList: [], // 日记列表
    currentIndex: -1, // 当前选中的日记索引
  },

  // 添加日记
  addDiary: function(e) {
    // 获取用户输入的内容
    let content = e.detail.value.content;

    // 创建一个新的日记对象
    let newDiary = {
      content: content,
      time: new Date().toLocaleString() // 添加日记时间
    };

    // 将新的日记对象添加到日记列表中
    let diaryList = this.data.diaryList;
    diaryList.push(newDiary);

    // 更新日记列表数据
    this.setData({
      diaryList: diaryList
    });
  },

  // 删除日记
  deleteDiary: function(e) {
    // 获取当前选中的日记索引
    let index = e.currentTarget.dataset.saveid;

    // 从日记列表中删除选中的日记
    let diaryList = this.data.diaryList;
    diaryList.splice(index, 1);

    // 更新日记列表数据
    this.setData({
      diaryList: diaryList
    });
  },

  // 查看日记详情
  viewDetail: function(e) {
    // 获取当前选中的日记索引
    let index = e.currentTarget.dataset.saveid;

    // 更新当前选中的日记索引
    this.setData({
      currentIndex: index
    });

    // 跳转到日记详情页面
    wx.navigateTo({
      url: '/pages/detail/detail'
    });
  }
});