From 14368e8a09c4b5793d0975f85e36a4c1d410ca36 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 16 五月 2025 17:27:24 +0800
Subject: [PATCH] feat: UI
---
apps/taro/src/pages/mine/index.vue | 51 +++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 47 insertions(+), 4 deletions(-)
diff --git a/apps/taro/src/pages/mine/index.vue b/apps/taro/src/pages/mine/index.vue
index 403801c..d6a3c92 100644
--- a/apps/taro/src/pages/mine/index.vue
+++ b/apps/taro/src/pages/mine/index.vue
@@ -1,5 +1,5 @@
<template>
- <PageLayoutWithBg class="mine-page-wrapper" title="鎴戠殑" :need-auth="false">
+ <!-- <PageLayoutWithBg class="mine-page-wrapper" title="鎴戠殑" :need-auth="false">
<template #navigationBar>
<TransparentNavigationBar
title="涓汉涓績"
@@ -31,17 +31,60 @@
<ListItem v-if="isLogin" title="閫�鍑虹櫥褰�" @click="goLogout"></ListItem>
</List>
</ContentScrollView>
- </PageLayoutWithBg>
+ </PageLayoutWithBg> -->
+ <PageLayout class="index-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" />
+ </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>
+ <ContentView>
+ <List class="mine-list-wrapper">
+ <ListItemV2 :icon="IconMineOrder" title="璁㈠崟绠＄悊" @click="goOrderManage"></ListItemV2>
+ <ListItemV2 :icon="IconMineUserId" title="鎴峰彿绠＄悊" @click="goUserAccountList"></ListItemV2>
+ <template v-if="isChannelAccount">
+ <ListItemV2 :icon="IconMineDataBoard" title="鏁版嵁鐪嬫澘" @click="goDashboard"></ListItemV2>
+ <ListItemV2
+ :icon="IconMinePromotion"
+ title="鎺ㄥ箍浜岀淮鐮�"
+ @click="goShareQrcode"
+ ></ListItemV2>
+ </template>
+ <ListItemV2
+ :icon="IconMineCustomerService"
+ v-if="isWeb && !isInAlipay"
+ title="鍦ㄧ嚎瀹㈡湇"
+ @click="handleChat"
+ ></ListItemV2>
+ <ListItemV2 v-if="isLogin" title="閫�鍑虹櫥褰�" @click="goLogout"></ListItemV2>
+ </List>
+ </ContentView>
+ </PageLayout>
</template>
<script setup lang="ts">
-import { TransparentNavigationBar, List, ListItem } from '@/components';
+import { TransparentNavigationBar, List, ListItemV2 } from '@/components';
import { useUser, useIsLogin, useGoLogin, useAccessLogin, useOnlineService } from '@/hooks';
import Taro from '@tarojs/taro';
import { RouterPath, OssAssets } from '@/constants';
import DefaultAvatar from '@/assets/components/icon-default-avatar.png';
+import IconMineOrder from '@/assets/mine/icon-mine-order.png';
+import IconMineUserId from '@/assets/mine/icon-mine-userId.png';
+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 { useSystemStore } from '@/stores/modules/system';
-import PageLayoutWithBg from '@/components/Layout/PageLayoutWithBg.vue';
import { useUserStore } from '@/stores/modules/user';
import { Message } from '@/utils';
import { isWeb, isInAlipay } from '@/utils/env';
--
Gitblit v1.9.1