From 758d8056dc3dbc6bf92c298aa3627e66b933b5a0 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 22 五月 2025 13:25:21 +0800
Subject: [PATCH] feat: UI
---
apps/taro/src/pages/mine/index.vue | 59 +++++++++++++++++++----------------------------------------
1 files changed, 19 insertions(+), 40 deletions(-)
diff --git a/apps/taro/src/pages/mine/index.vue b/apps/taro/src/pages/mine/index.vue
index d6a3c92..e379d80 100644
--- a/apps/taro/src/pages/mine/index.vue
+++ b/apps/taro/src/pages/mine/index.vue
@@ -1,44 +1,11 @@
<template>
- <!-- <PageLayoutWithBg class="mine-page-wrapper" title="鎴戠殑" :need-auth="false">
- <template #navigationBar>
- <TransparentNavigationBar
- title="涓汉涓績"
- :is-absolute="false"
- mode="dark"
- ></TransparentNavigationBar>
- </template>
- <template #bg>
- <img :src="OssAssets.mine.Bg" class="mine-page-bg" :style="{ height: `${bgHeight}px` }" />
- </template>
- <div class="mine-page-top-view" @click="goLogin">
- <img class="mine-avatar" :src="DefaultAvatar" alt="" />
- <div class="user-info">
- <div class="user-info-name" v-if="isLogin">
- {{ hiddenPhoneNumber(virtualPhoneNumber) }}
- </div>
- <div class="mine-go-login" v-else>鐧诲綍</div>
- </div>
- </div>
- <ContentScrollView>
- <List class="mine-list-wrapper">
- <ListItem title="璁㈠崟绠＄悊" @click="goOrderManage"></ListItem>
- <ListItem title="鎴峰彿绠＄悊" @click="goUserAccountList"></ListItem>
- <template v-if="isChannelAccount">
- <ListItem title="鏁版嵁鐪嬫澘" @click="goDashboard"></ListItem>
- <ListItem title="鎺ㄥ箍浜岀淮鐮�" @click="goShareQrcode"></ListItem>
- </template>
- <ListItem v-if="isWeb && !isInAlipay" title="鍦ㄧ嚎瀹㈡湇" @click="handleChat"></ListItem>
- <ListItem v-if="isLogin" title="閫�鍑虹櫥褰�" @click="goLogout"></ListItem>
- </List>
- </ContentScrollView>
- </PageLayoutWithBg> -->
- <PageLayout class="index-page-wrapper" :need-auth="false">
+ <PageLayoutWithBg class="mine-page-wrapper" :need-auth="false">
<template #navigationBar>
<TransparentNavigationBar :title="'涓汉涓績'" :is-absolute="false">
</TransparentNavigationBar>
</template>
<template #bg>
- <img :src="OssAssets.common.HomePageBg" class="home-page-bg" />
+ <img :src="OssAssets.common.MinePageBg" class="mine-page-bg" />
</template>
<div class="mine-page-top-view" @click="goLogin">
<img class="mine-avatar" :src="DefaultAvatar" alt="" />
@@ -49,7 +16,7 @@
<div class="mine-go-login" v-else>鐧诲綍</div>
</div>
</div>
- <ContentView>
+ <ContentScrollView style="background-color: transparent">
<List class="mine-list-wrapper">
<ListItemV2 :icon="IconMineOrder" title="璁㈠崟绠＄悊" @click="goOrderManage"></ListItemV2>
<ListItemV2 :icon="IconMineUserId" title="鎴峰彿绠＄悊" @click="goUserAccountList"></ListItemV2>
@@ -57,8 +24,13 @@
<ListItemV2 :icon="IconMineDataBoard" title="鏁版嵁鐪嬫澘" @click="goDashboard"></ListItemV2>
<ListItemV2
:icon="IconMinePromotion"
- title="鎺ㄥ箍浜岀淮鐮�"
+ title="娓犻亾浜岀淮鐮�"
@click="goShareQrcode"
+ ></ListItemV2>
+ <ListItemV2
+ :icon="IconMinePromotion"
+ title="鎺ㄥ箍浜岀淮鐮�"
+ @click="goPromotionQrcode"
></ListItemV2>
</template>
<ListItemV2
@@ -67,10 +39,15 @@
title="鍦ㄧ嚎瀹㈡湇"
@click="handleChat"
></ListItemV2>
- <ListItemV2 v-if="isLogin" title="閫�鍑虹櫥褰�" @click="goLogout"></ListItemV2>
+ <ListItemV2
+ v-if="isLogin"
+ title="閫�鍑虹櫥褰�"
+ @click="goLogout"
+ :icon="IconMineExist"
+ ></ListItemV2>
</List>
- </ContentView>
- </PageLayout>
+ </ContentScrollView>
+ </PageLayoutWithBg>
</template>
<script setup lang="ts">
@@ -84,6 +61,7 @@
import IconMineDataBoard from '@/assets/mine/icon-mine-data-board.png';
import IconMinePromotion from '@/assets/mine/icon-mine-promotion.png';
import IconMineCustomerService from '@/assets/mine/icon-mine-customer-service.png';
+import IconMineExist from '@/assets/mine/icon-mine-exist.png';
import { useSystemStore } from '@/stores/modules/system';
import { useUserStore } from '@/stores/modules/user';
import { Message } from '@/utils';
@@ -127,6 +105,7 @@
const goOrderManage = useAccessLogin(() => goPage(RouterPath.order));
const goUserAccountList = useAccessLogin(() => goPage(RouterPath.userAccountList));
const goShareQrcode = useAccessLogin(() => goPage(RouterPath.shareQrcode));
+const goPromotionQrcode = useAccessLogin(() => goPage(RouterPath.promotionQrcode));
const goDashboard = useAccessLogin(() => goPage(RouterPath.dashboard));
async function goLogout() {
--
Gitblit v1.9.1