From a1aca8be99e62ea683fd8d7db82d7a480f5d0305 Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期二, 08 七月 2025 09:58:05 +0800
Subject: [PATCH] feat:增加取水能力
---
pages/user/index.vue | 29 +++++++++++++++++++++++++----
1 files changed, 25 insertions(+), 4 deletions(-)
diff --git a/pages/user/index.vue b/pages/user/index.vue
index d8afa7c..c5e9a8d 100644
--- a/pages/user/index.vue
+++ b/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">
@@ -24,14 +32,22 @@
<script setup>
import { onMounted, ref } from "vue";
+ import { onShow } from "@dcloudio/uni-app"
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'
+ })
}
// 退出登录
@@ -51,6 +67,10 @@
})
}
+ onShow(() => {
+ userInfo.value = JSON.parse(uni.getStorageSync('userInfo'))
+ })
+
onMounted(() => {
getTopHeight()
})
@@ -68,6 +88,7 @@
height: 80rpx;
image{
width: 100%;
+ height: 100%;
border-radius: 50%;
}
}
--
Gitblit v1.9.3