From c48683d52511648af2f249ee0a240613e34ce0ad Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 20 二月 2025 18:23:51 +0800
Subject: [PATCH] feat: 我的
---
apps/taro/src/pages/mine/index.vue | 51 ++++++++++++++++-----------------------------------
1 files changed, 16 insertions(+), 35 deletions(-)
diff --git a/apps/taro/src/pages/mine/index.vue b/apps/taro/src/pages/mine/index.vue
index 260ba75..464499e 100644
--- a/apps/taro/src/pages/mine/index.vue
+++ b/apps/taro/src/pages/mine/index.vue
@@ -10,18 +10,31 @@
<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">{{ userDetail?.userName ?? '123' }}</div>
+ <div class="mine-go-login" v-else>鐧诲綍</div>
+ </div>
+ </div>
+ <ContentScrollView>
+ <List class="mine-list-wrapper">
+ <ListItem title="璁㈠崟绠＄悊" @click="goOrderManage"></ListItem>
+ </List>
+ </ContentScrollView>
</PageLayoutWithBg>
</template>
<script setup lang="ts">
-import { TransparentNavigationBar, ContentScrollView } from '@/components';
+import { TransparentNavigationBar, List, ListItem } from '@/components';
import { useUser, useIsLogin, useGoLogin } from '@/hooks';
import Taro from '@tarojs/taro';
import { RouterPath, OssAssets } from '@/constants';
+import DefaultAvatar from '@/assets/components/icon-default-avatar.png';
import { useSystemStore } from '@/stores/modules/system';
import PageLayoutWithBg from '@/components/Layout/PageLayoutWithBg.vue';
-const { userDetail, isCertified } = useUser();
+const { userDetail } = useUser();
const isLogin = useIsLogin();
const systemStore = useSystemStore();
@@ -40,10 +53,6 @@
});
}
-function goSetting() {
- goPage(RouterPath.setting);
-}
-
Taro.showShareMenu({
showShareItems: ['shareAppMessage'],
});
@@ -56,38 +65,10 @@
};
});
-function goAuthentication() {
- goPage(RouterPath.authenticationHome);
-}
-function goMineSign() {
- goPage(RouterPath.mineSign);
-}
-function goMineHire() {
- goPage(RouterPath.mineHire);
-}
-function goMineCancel() {
- goPage(RouterPath.mineCancel);
-}
-function goMineCollectTask() {
- goPage(RouterPath.mineCollectTask);
-}
-function goMineAgreementSign() {
- goPage(RouterPath.mineAgreementSign);
-}
+function goOrderManage() {}
</script>
<style lang="scss">
@import '@/styles/common.scss';
@import './index.scss';
-
-.mine-setting-badge {
- margin-right: 20px;
-}
-
-.mine-setting-list {
- .pro-list-item-icon {
- width: 48px;
- height: 48px;
- }
-}
</style>
--
Gitblit v1.9.1