添加扫码成功操作页，修改主页面样式，更换主页图标

Liuyi

2024-10-16 7cbda90b02e31447122f1d22c9797b423d7bd9fc

 pages/functionList/balanceRecord/index.vue

@@ -1,6 +1,6 @@
<script setup>
   import { computed, onMounted, ref } from 'vue'
   import { balanceChangeApi } from '../../../api/index.js'
   import { balanceChangeApi,balanceStatisticsApi} from '../../../api/index.js'
   //返回
   function navBackTo(){
      uni.navigateBack()
@@ -23,6 +23,15 @@
      datePay.value = e.detail.value
      await getBalanceList(datePay.value)
   }
   //获取用户资金变动统计
   const rechargeSta = ref()
   const expendSta = ref()
   async function getStatistics(val){
      await balanceStatisticsApi(val).then((res) =>{
         rechargeSta.value = res.data.rechargeAmount
         expendSta.value = res.data.expenditureAmount
      })
   }
   
   //获取余额变动列表
   const banlanceList = ref([])
@@ -32,6 +41,7 @@
            banlanceList.value = res.data
         }
      })
      await getStatistics(val)
   }
   //动态设置用户支出收入对应样式
   function setStyleMoney(val){
@@ -44,6 +54,7 @@
   onMounted(async() =>{
      getDate()
      await getBalanceList(datePay.value)
      // await getStatistics()
   })
</script>
<template>
@@ -53,14 +64,15 @@
         <view class="picker">
            <picker mode="date" :value="datePay" :fields="'month'" @change="bindDateChange">
               <view class="date-text">
                  <!-- <text>日期：</text> -->
                  <text class="uni-input">{{datePay}}</text>
                  <image src="../../../static/images/other/more.png" alt=''></image>
                  <image src="../../../static/images/other/expand.png" alt=''></image>
               </view>
            </picker>
         </view>
         <view class="date-money">
            <text>支出￥5341.05</text>
            <text>充值￥941.59</text>
            <text>支出￥{{expendSta}}</text>
            <text>充值￥{{rechargeSta}}</text>
         </view>
      </view>
      <view class="main">
@@ -105,11 +117,11 @@
                 text{
                    font-weight: 300;
                    font-size: 32rpx;
                    color: #000000;
                    color: #5487f4;
                    margin-right:10rpx;
                 }
                image{
                   width: 28rpx;
                   width:32rpx;
                   height:32rpx;
                   transform: rotate(90deg);
                   // margin-top:10rpx;
@@ -127,7 +139,7 @@
        }
        .main{
           width:99%;
           height: calc(100vh - 84rpx - 176rpx - 70rpx);
           height:1200rpx;
           background: #fff;
           border-radius:20rpx;
           margin: 0 auto;