pcwl_yancheng/uni-fans-score
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style:样式重构

Browse Source
This commit is contained in:
ISFP_T
2025-10-18 09:24:35 +08:00
parent 729eba5a3b
commit 179be8f8b0
30 changed files with 880 additions and 423 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/my/index.vue
+28 -22
View File
@@ -1,20 +1,16 @@
<template>
<view class="my-page">
<view class="user-card">
<view class="avatar-box">
<image class="avatar" v-if="userInfo.avatar" :src="userInfo.avatar" mode="aspectFill"></image>
<image v-else class="avatar" src="@/static/head.png" mode="aspectFill"></image>
<!-- 覆盖在头像上的微信选择头像授权按钮，仅小程序生效 -->
<!-- #ifdef MP-WEIXIN -->
<button class="avatar-choose-btn" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"></button>
<!-- #endif -->
</view>
<view class="user-text">
<view class="nickname">{{ userInfo.nickName || '点击登录' }}</view>
<view class="subtext">{{ userInfo.phone ? maskPhone(userInfo.phone) : '授权登录后可查看订单与资产' }}</view>
</view>
<uv-icon type="right" size="16" color="#999"></uv-icon>
<view class="user-card" @click="navigateTo('/pages/userProfile/index')">
<view class="avatar-box">
<image class="avatar" v-if="userInfo.avatar" :src="userInfo.avatar" mode="aspectFill"></image>
<image v-else class="avatar" src="@/static/head.png" mode="aspectFill"></image>
</view>
<view class="user-text">
<view class="nickname">{{ userInfo.nickName || '点击登录' }}</view>
<view class="subtext">{{ userInfo.phone ? maskPhone(userInfo.phone) : '授权登录后可查看订单与资产' }}</view>
</view>
<uv-icon type="right" size="16" color="#999"></uv-icon>
</view>
<!-- <view class="assets-card">
@@ -36,11 +32,11 @@
<view class="list-item" @click="handleQuickReturn">
<view class="left">
<image class="icon" src="/static/express_return.png" mode="aspectFit"></image>
<text class="title">快速归还</text>
<text class="title">快速归还<text style="font-size: 18rpx;">（直接查看使用中的订单）</text></text>
</view>
<uv-icon name="arrow-right" size="16" color="#c8c8c8"></uv-icon>
</view>
<view class="list-item" @click="navigateTo('/pages/expressReturn/index')">
<view class="list-item" @click="navigateTo('/pages/expressReturn/index')" v-if="showMenuItem">
<view class="left">
<image class="icon" src="/static/express.png" mode="aspectFit"></image>
<text class="title">快递归还记录</text>
@@ -68,13 +64,13 @@
</view>
<uv-icon name="arrow-right" size="16" color="#c8c8c8"></uv-icon>
</view>
<view class="list-item" @click="navigateTo('/pages/legal/agreement')">
<!-- <view class="list-item" @click="navigateTo('/pages/legal/agreement')">
<view class="left">
<image class="icon" src="/static/business-licence.png" mode="aspectFit"></image>
<text class="title">营业资质</text>
</view>
<uv-icon name="arrow-right" size="16" color="#c8c8c8"></uv-icon>
</view>
</view> -->
<view class="list-item" @click="navigateTo('/pages/join/index')">
<view class="left">
<image class="icon" src="/static/peopleInWork.png" mode="aspectFit"></image>
@@ -94,7 +90,7 @@
<view class="footer-agreements">
<view class="link-box">
<text class="link" @click="navigateTo('/pages/legal/agreement')">《服务条款》</text>
<text class="link" @click="navigateTo('/pages/legal/agreement')">《用户协议》</text>
<text class="sep">｜</text>
<text class="link" @click="navigateTo('/pages/legal/privacy')">《隐私政策》</text>
</view>
@@ -123,14 +119,17 @@
reactive,
onMounted
} from 'vue';
import {
onShow
} from '@dcloudio/uni-app';
import {
wxLogin,
getUserInfo
} from '../../util/index.js';
import {
uploadUserAvatar
} from '../../config/user.js'
import {
uploadUserAvatar
} from '../../config/api/user.js'
import {
URL
} from '../../config/url.js'
@@ -143,6 +142,8 @@
const authPopup = ref(null); // u-popup 的引用
const isPopupVisible = ref(false);
const appVersion = ref('1.0.0');
const showMenuItem = ref(false)
// 页面加载时初始化
onMounted(() => {
@@ -150,6 +151,11 @@
initVersion();
});
// 页面显示时刷新用户信息
onShow(() => {
getInfo();
});
// 获取用户信息
const getInfo = async () => {
try {