设计记事本微信小程序代码，可以查看编辑

以下是一个简单的记事本微信小程序代码，可以实现查看和编辑功能。

首先，在小程序中创建两个页面，一个是查看页面，另一个是编辑页面。

查看页面的代码如下：

<!-- index.wxml -->
<view class="container">
  <view class="title">{{title}}</view>
  <view class="content">{{content}}</view>
  <button class="edit-btn" bindtap="goEdit">编辑</button>
</view>

// index.js
Page({
  data: {
    title: '',
    content: ''
  },
  onLoad: function (options) {
    // 从上一个页面传递过来的参数中获取笔记的标题和内容
    this.setData({
      title: options.title,
      content: options.content
    })
  },
  goEdit: function () {
    // 跳转到编辑页面，并将笔记的标题和内容传递过去
    wx.navigateTo({
      url: '/pages/edit/edit?title=' + this.data.title + '&content=' + this.data.content,
    })
  }
})

编辑页面的代码如下：

<!-- edit.wxml -->
<view class="container">
  <input class="title-input" type="text" placeholder="请输入标题" value="{{title}}" bindinput="onTitleInput"/>
  <textarea class="content-textarea" placeholder="请输入内容" value="{{content}}" bindinput="onContentInput"></textarea>
  <button class="save-btn" bindtap="onSave">保存</button>
</view>

// edit.js
Page({
  data: {
    title: '',
    content: ''
  },
  onLoad: function (options) {
    // 从上一个页面传递过来的参数中获取笔记的标题和内容
    this.setData({
      title: options.title || '',
      content: options.content || ''
    })
  },
  onTitleInput: function (event) {
    // 输入标题时更新data中的title
    this.setData({
      title: event.detail.value
    })
  },
  onContentInput: function (event) {
    // 输入内容时更新data中的content
    this.setData({
      content: event.detail.value
    })
  },
  onSave: function () {
    // 点击保存按钮时，将笔记的标题和内容传递回去，并返回上一个页面
    wx.navigateBack({
      delta: 1,
      success: function (res) {
        var pages = getCurrentPages();
        var prevPage = pages[pages.length - 2];
        prevPage.setData({
          title: this.data.title,
          content: this.data.content
        })
      }
    })
  }
})

在小程序的app.json中添加以下配置信息：

{
  "pages": [
    "pages/index/index",
    "pages/edit/edit"
  ],
  "window": {
    "navigationBarTitleText": "记事本"
  },
  "tabBar": {
    "color": "#999",
    "selectedColor": "#07c160",
    "backgroundColor": "#fff",
    "borderStyle": "black",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "查看"
      },
      {
        "pagePath": "pages/edit/edit",
        "text": "编辑"
      }
    ]
  }
}

这样，在微信小程序中就可以实现一个简单的记事本功能了。