分几个页面，请给出一个页面的代码

账单管理小程序可以分为主页面、添加账单页面、账单详情页面等多个页面。以下是一个添加账单页面的代码示例：

<view class="container">
  <view class="form-group">
    <text>日期：</text>
    <picker mode="date" value="{{date}}" bindchange="onDateChange">
      <view class="picker">
        {{date | date('yyyy年MM月dd日')}}
      </view>
    </picker>
  </view>
  <view class="form-group">
    <text>类型：</text>
    <picker mode="selector" value="{{typeIndex}}" range="{{typeList}}" bindchange="onTypeChange">
      <view class="picker">
        {{typeList[typeIndex]}}
      </view>
    </picker>
  </view>
  <view class="form-group">
    <text>金额：</text>
    <input type="number" value="{{amount}}" bindinput="onAmountInput"/>
  </view>
  <view class="form-group">
    <text>备注：</text>
    <textarea value="{{remark}}" bindinput="onRemarkInput"></textarea>
  </view>
  <view class="form-group">
    <button class="btn-save" bindtap="onSave">保存</button>
  </view>
</view>

上述代码的功能是添加账单，包括输入日期、选择账单类型、输入金额、输入备注等信息，并保存到数据库中。其中，使用了 `picker`、`input`、`textarea` 等微信小程序提供的组件，可以方便地实现用户输入和选择的功能。同时，还使用了一些事件绑定和数据绑定，可以将用户输入的数据绑定到对应的变量中，并在保存时将数据存储到数据库中。