修改样式

pages/rechargeRecord/index.js

@@ -1,6 +1,6 @@
 import { getRechargeList } from "../../service/recharge";
 import { getTenementMeterList } from "../../service/meter";
-import { getYears, alertInfo } from "../../utils/index";
+import { getYears, alertInfo, loadingFunc } from "../../utils/index";
 import request from "../../utils/request";
 const { OK } = request;
 // pages/rechargeRecord/index.js
@@ -95,10 +95,14 @@ Page({
   onShow() {
     const { year } = this.data;
     const tenement = wx.getStorageSync('tenement')
-    this.init(year, '');
-    this.getMeters(tenement?.id);
+    loadingFunc(async () => {
+      await this.init(year, '');
+      await this.getMeters(tenement?.id);
+    });
+
   },
   refreshEmpty() {
+    const { year } = this.data;
     const tenement = wx.getStorageSync('tenement')
     this.init(year, '');
     this.init(year, tenement);

pages/rechargeRecord/index.wxml

@@ -4,14 +4,14 @@
   <!-- <picker bindchange="onChangeYear" value="{{index}}" range="{{years}}"> -->
     <view class="yearPicker" bind:tap="clickYear">
       {{ year }}年
-      <image src="/assets/images/down.png" mode="" class="down" />
+      <van-icon name="arrow-down" custom-class="down" />
     </view>
   <!-- </picker> -->
   <!-- <picker bindchange="onChangeYear" value="{{index}}" range="{{years}}"> -->
     <view class="tenementPicker" bind:tap="clickMeter">
       <view wx:if="{{meterCode}}" class="tenementName"> {{ meterCode }} </view>
       <view wx:else> 全部 </view>
-      <image src="/assets/images/down.png" mode="" class="down" />
+      <van-icon name="arrow-down" custom-class="down" />
     </view>
   <!-- </picker> -->
   <view class="allMoney">

pages/rechargeRecord/index.wxss

@@ -3,6 +3,8 @@
 .yearPicker {
   display: flex;
   align-items: center;
+  color: #fff;
+  font-size: 32rpx;
 }
 
 .down {
@@ -35,11 +37,12 @@
   font-size: 34rpx;
 }
 .time {
-  margin-top: 16rpx;
+  margin-top: 12rpx;
   font-size: 28rpx;
+  color:rgb(158, 154, 154);
 }
 .money {
-  font-size: 40rpx;
+  font-size: 36rpx;
   font-weight: 500;
   margin-right: 30rpx;
 }
@@ -61,6 +64,8 @@
   margin-left: 30rpx;
   display: flex;
   align-items: center;
+  color: #fff;
+  font-size: 32rpx;
 }
 
 .allMoney {
@@ -73,8 +78,9 @@
 }
 
 .type {
-  margin-right: 46rpx;
+  margin-right: 40rpx;
   font-weight: 600;
+  font-size: 36rpx;
 }
 
 .codeTime {