开始做用电查询

pages/billList/index.js

@@ -0,0 +1,87 @@
+import { getBillList } from "../../service/accounting"
+import { alertInfo } from "../../utils/index";
+import request from '../../utils/request'
+const { OK } = request;
+// pages/billList/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    page: 1,
+    list: []
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    this.init();
+  },
+  async init() {
+    const { page, list } = this.data;
+    const { code, data, message } = await getBillList(page)
+    if (!data?.length) {
+      alertInfo("没用更多了")
+      return;
+    }
+    this.setData({
+      list: [...list, ...data],
+      page: page + 1,
+    })
+  },
+  jumpToDetail() {
+    wx.navigateTo({
+      url: '/pages/billDetail/index',
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/billList/index.json

@@ -0,0 +1,7 @@
+{
+  "usingComponents": {
+    "navigator": "/components/navigator/index",
+    "van-icon": "@vant/weapp/icon/index"
+  },
+  "navigationStyle": "custom"
+}

pages/billList/index.wxml

@@ -0,0 +1,8 @@
+<!--pages/billList/index.wxml-->
+<navigator title="电费账单" canBack="{{true}}" />
+
+<view class="itemWrapper" wx:for="{{list}}" wx:key="index">
+  <van-icon name="balance-list-o" />
+  <view class="time"> {{ item.time }} </view>
+  <view class="operate" bind:tap="jumpToDetail"> 查看详细 </view>
+</view>

pages/billList/index.wxss

@@ -0,0 +1,23 @@
+/* pages/billList/index.wxss */
+page {
+  background-color: var(--transparent-green);
+}
+
+.itemWrapper {
+  margin: 20rpx 30rpx 20rpx 30rpx;
+  background-color: #fff;
+  border-radius: 20rpx;
+  box-sizing: border-box;
+  padding: 30rpx;
+  display: flex;
+  align-items: center;
+}
+
+.time {
+  flex: 1;
+  text-indent: 40rpx;
+}
+
+.operate {
+  
+}