修改首页，添加记录

web

2025-07-03 8e5fb21a2bf621291c1ceee396c01e3d42553511

 pages/user/index.vue

@@ -1,18 +1,26 @@
<template>
   <view class="user" :style="{paddingTop:topHeight + 'rpx'}">
      <view class="content">
         <view class="user">
         <view class="user" @click="setUser">
            <view class="userImg">
               <image src="/static/images/login/wx.png" mode="widthFix"></image>
               <image :src="userInfo?.headImg" mode="widthFix"></image>
            </view>
            <view class="info">
               <text class="name">张三</text>
               <text class="name">{{userInfo?.nickName}}</text>
            </view>
         </view>
         <view class="typeList">
            <view class="typeItem">
               <view class="name">剩余水量</view>
               <view class="val">750m³</view>
               <view class="val">{{userInfo?.balance}}m³</view>
            </view>
            <view class="typeItem">
               <view class="name">总购水量</view>
               <view class="val">{{userInfo?.sumBuyCount}}m³</view>
            </view>
            <view class="typeItem">
               <view class="name">累计水量</view>
               <view class="val">{{userInfo?.sumUseCount}}m³</view>
            </view>
         </view>
         <view class="loginOut">
@@ -26,12 +34,19 @@
   import { onMounted, ref } from "vue";
   
   const topHeight = ref(0)
   const userInfo = ref()
   
   // 获取状态栏高度
   const getTopHeight = () => {
      if(uni.getMenuButtonBoundingClientRect){
         topHeight.value = uni.getMenuButtonBoundingClientRect().bottom * 2
      }
   }
	
   const setUser = () => {
      uni.navigateTo({
         url: '/pages/userSet/index'
      })
   }
   
   // 退出登录
@@ -53,6 +68,7 @@
   
   onMounted(() => {
      getTopHeight()
      userInfo.value = JSON.parse(uni.getStorageSync('userInfo'))
   })
</script>