微信开发者工具做一个记账小程序给出代码

微信开发者工具主要用于开发微信公众号、小程序等，下面是一个简单的微信小程序记账功能的代码示例（使用WXML和WXSS编写页面，JS作为业务逻辑部分）。假设我们有一个列表用于添加和查看记录：

**wxml (页面文件)**

<!-- app.wxml -->
<view class="container">
  <view class="list">
    <view wx:for="{{ list }}" wx:key="*this">
      <text>{{ item.content }}</text>
    </view>
    <button bindtap="addNote">添加记账</button>
  </view>
  <input type="text" placeholder="请输入内容" bindinput="onInput" />
</view>

**wxss (样式文件)**

.container {
  margin: 20rpx;
}

.list {
  flex-direction: column;
}

**js (逻辑文件)**

Page({
  data: {
    list: [],
  },
  addNote: function() {
    const content = this.data.inputValue; // 获取输入框的内容
    if (content) {
      this.setData({
        list: [...this.data.list, { content }],
        inputValue: '', // 清空输入框
      });
    }
  },
  onInput: function(e) {
    this.setData({ inputValue: e.detail.value });
  },
})

这个例子中，用户可以输入新的记账内容，点击“添加记账”按钮后，内容会被追加到列表中。请注意这只是一个基础的示例，实际应用中还需要考虑更多交互细节和数据持久化等。