From e6e969ad460293d3e14ca5ed89fd3b1df82e37c3 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 15 一月 2026 10:45:54 +0800
Subject: [PATCH] 页面调整优化
---
pages/tabbar/user/my.vue | 148 +++++++++++++++++++++---------------------------
1 files changed, 65 insertions(+), 83 deletions(-)
diff --git a/pages/tabbar/user/my.vue b/pages/tabbar/user/my.vue
index 90c3ead..4817278 100644
--- a/pages/tabbar/user/my.vue
+++ b/pages/tabbar/user/my.vue
@@ -20,68 +20,67 @@
</view>
<u-icon style="display: flex;align-items: flex-start;" name="arrow-right"></u-icon>
</view>
-
- <!-- 绉垎锛屼紭鎯犲埜锛屽叧娉紝 -->
- <div class="pointBox1">
- <view class="point">
- <view class="point-col" @click="navigateTo('/pages/cart/coupon/myCoupon')">
- <view class="point-item">
- <text class="label">浼樻儬鍒�</text>
- <text class="value">{{ couponNum || 0 }}</text>
- <text class="label">寮�</text>
- </view>
- </view>
- <view class="point-col" @click="navigateTo('/pages/mine/deposit/operation')">
- <view class="point-item">
- <text class="label">浣欓</text>
- <text class="value">{{ walletNum | unitPrice }}</text>
- </view>
- </view>
- </view>
- <!-- 鎴戠殑璁㈠崟锛屼唬浠樻 -->
- <view class="order">
- <view class="order-header" @click="navigateTo('/pages/order/myOrder?status=0')">
- <view class="left">鎴戠殑璁㈠崟</view>
- <view class="right">
- <text>鍏ㄩ儴璁㈠崟</text>
- <u-icon name="arrow-right" size="24" color="#999"></u-icon>
- </view>
- </view>
- <view class="order-content">
- <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=1')">
- <view class="icon-box">
- <image src="/static/tool/寰呬粯娆�.png" mode="aspectFit"></image>
- </view>
- <view>寰呬粯娆�</view>
- </view>
- <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=2')">
- <view class="icon-box">
- <image src="/static/tool/寰呭彂璐�.png" mode="aspectFit"></image>
- </view>
- <view>寰呭彂璐�</view>
- </view>
- <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=3')">
- <view class="icon-box">
- <image src="/static/tool/寰呮敹璐�.png" mode="aspectFit"></image>
- </view>
- <view>寰呮敹璐�</view>
- </view>
- <view class="order-item" @click="navigateTo('/pages/order/evaluate/myEvaluate')">
- <view class="icon-box">
- <image src="/static/tool/璇勪环涓績.png" mode="aspectFit"></image>
- </view>
- <view>寰呰瘎浠�</view>
- </view>
- <view class="order-item" @click="navigateTo('/pages/order/afterSales/afterSales')">
- <view class="icon-box">
- <image src="/static/tool/鎴戠殑璁㈠崟-閫�璐鍞悗.png" mode="aspectFit"></image>
- </view>
- <view>鍞悗</view>
- </view>
- </view>
- </view>
- </div>
</view>
+ <!-- 绉垎锛屼紭鎯犲埜锛屽叧娉紝 -->
+ <div class="pointBox1">
+ <view class="point">
+ <view class="point-col" @click="navigateTo('/pages/cart/coupon/myCoupon')">
+ <view class="point-item">
+ <text class="label">浼樻儬鍒�</text>
+ <text class="value">{{ couponNum || 0 }}</text>
+ <text class="label">寮�</text>
+ </view>
+ </view>
+ <view class="point-col" @click="navigateTo('/pages/mine/deposit/operation')">
+ <view class="point-item">
+ <text class="label">浣欓</text>
+ <text class="value">{{ walletNum | unitPrice }}</text>
+ </view>
+ </view>
+ </view>
+ <!-- 鎴戠殑璁㈠崟锛屼唬浠樻 -->
+ <view class="order">
+ <view class="order-header" @click="navigateTo('/pages/order/myOrder?status=0')">
+ <view class="left">鎴戠殑璁㈠崟</view>
+ <view class="right">
+ <text>鍏ㄩ儴璁㈠崟</text>
+ <u-icon name="arrow-right" size="24" color="#999"></u-icon>
+ </view>
+ </view>
+ <view class="order-content">
+ <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=1')">
+ <view class="icon-box">
+ <image src="/static/tool/unpaid.png" mode="aspectFit"></image>
+ </view>
+ <view>寰呬粯娆�</view>
+ </view>
+ <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=2')">
+ <view class="icon-box">
+ <image src="/static/tool/unshipped.png" mode="aspectFit"></image>
+ </view>
+ <view>寰呭彂璐�</view>
+ </view>
+ <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=3')">
+ <view class="icon-box">
+ <image src="/static/tool/unreceived.png" mode="aspectFit"></image>
+ </view>
+ <view>寰呮敹璐�</view>
+ </view>
+ <view class="order-item" @click="navigateTo('/pages/order/evaluate/myEvaluate')">
+ <view class="icon-box">
+ <image src="/static/tool/comment.png" mode="aspectFit"></image>
+ </view>
+ <view>寰呰瘎浠�</view>
+ </view>
+ <view class="order-item" @click="navigateTo('/pages/order/afterSales/afterSales')">
+ <view class="icon-box">
+ <image src="/static/tool/refund.png" mode="aspectFit"></image>
+ </view>
+ <view>鍞悗</view>
+ </view>
+ </view>
+ </view>
+ </div>
<view class="member-gradient-bg" v-if="prizeActivity.enableStatus === 'ON'"
:style="{ backgroundImage: `url(${base64image.prizeActivityBg})` }">
<view class="member-gradient-bg" @click="gotoPrizeActivity">
@@ -117,11 +116,7 @@
<view class="pointBox box" style="margin-top: 20rpx;">
<tool />
</view>
- <!-- 鎾戣捣涓嬫柟 -->
- <view style="height:64px;">
-
- </view>
- <custom-tabbar bgColor="#ffffff" selected="my"></custom-tabbar>
+ <custom-tabbar bgColor="#ffffff" selected="my" selectedTextColor="#25a885"></custom-tabbar>
</view>
</template>
@@ -151,12 +146,8 @@
endpoint: '',
configs,
userImage: configs.defaultUserPhoto,
- coverTransform: "translateY(0px)",
- coverTransition: "0s",
- moving: false,
userInfo: {},
couponNum: "",
- footNum: "",
walletNum: "",
pageSessionNo: "",
actionParam: {
@@ -241,7 +232,6 @@
} else {
this.walletNum = 0;
this.couponNum = 0;
- this.footNum = 0;
}
let shareStoreId = uni.getStorageSync('shareStoreId');
@@ -270,14 +260,6 @@
mounted() { },
methods: {
- formatDate(isoTime) {
- if (!isoTime) return '';
- const date = new Date(isoTime);
- const year = date.getFullYear();
- const month = String(date.getMonth() + 1).padStart(2, '0');
- const day = String(date.getDate()).padStart(2, '0');
- return `${year}骞�${month}鏈�${day}鏃; // 杞崲涓轰腑鏂囨牸寮�
- },
getONPrizeActivity() {
getONPrizeActivity().then(res => {
if (res.statusCode === 200) {
@@ -376,7 +358,6 @@
getUserWallet(), //棰勫瓨娆�
]).then((res) => {
this.couponNum = res[0].data.result;
- this.footNum = res[1].data.result;
this.walletNum = res[2].data.result.memberWallet;
});
},
@@ -597,8 +578,8 @@
}
.user {
- background: #e7e7e7;
-
+ background: #f5f5f5;
+ height: 100vh;
.header-wrapper {
background-size: 100% auto;
background-repeat: no-repeat;
@@ -606,6 +587,7 @@
}
.header {
+ min-height: 360rpx;
max-width: 100%;
padding: 100rpx 30rpx 0 5%;
display: flex;
@@ -778,7 +760,7 @@
background: #f5f5f5;
border-radius: 40rpx 40rpx 0 0;
box-shadow: 0 -4rpx 24rpx 0 rgba(0, 0, 0, 0.05);
- margin-top: 40rpx;
+ margin-top: -40rpx;
}
.box {
--
Gitblit v1.8.0