From 77861fcc5ee1c4f8e7c6412b373cb438c7313930 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 03 九月 2025 10:06:26 +0800
Subject: [PATCH] 头部样式修改、适配不同机型
---
src/pages/mine.vue | 56 ++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 42 insertions(+), 14 deletions(-)
diff --git a/src/pages/mine.vue b/src/pages/mine.vue
index f0f075d..0961130 100644
--- a/src/pages/mine.vue
+++ b/src/pages/mine.vue
@@ -22,9 +22,9 @@
</view>
</view>
</view>
- <view class="right" @click="handleToInfo">
- <text class="link">涓汉淇℃伅</text>
- <view class="iconfont icon-right"></view>
+ <view class="right" @click="handleLogout">
+ <text class="link">閫�鍑虹櫥褰�</text>
+<!-- <view class="iconfont icon-right"></view>-->
</view>
</view>
@@ -32,21 +32,27 @@
<view class="menu-card">
<view class="menu-item" @click="handleUnitManage">
<uni-icons type="home" size="22" color="#3C96F3" />
- <text class="label">鍗曚綅绠＄悊</text>
+ <text class="label">鍗曚綅淇℃伅</text>
<uni-icons class="arrow" type="right" size="18" color="#c0c4cc" />
</view>
- <view class="menu-item" @click="handleUserManage">
+ <view class="menu-item" @click="handleToInfo">
<uni-icons type="person" size="22" color="#3C96F3" />
- <text class="label">鐢ㄦ埛绠＄悊</text>
+ <text class="label">鐢ㄦ埛淇℃伅</text>
<uni-icons class="arrow" type="right" size="18" color="#c0c4cc" />
</view>
<view class="menu-item" @click="handleContractManage">
<uni-icons type="compose" size="22" color="#3C96F3" />
- <text class="label">鍚堝悓绠＄悊</text>
+ <text class="label">鍚堝悓淇℃伅</text>
<uni-icons class="arrow" type="right" size="18" color="#c0c4cc" />
</view>
</view>
-
+ <view>
+ <uni-popup ref="popup" type="dialog">
+ <uni-popup-dialog type="info" cancelText="鍏抽棴" confirmText="閫�鍑�" title="閫氱煡" content="纭畾娉ㄩ攢骞堕��鍑虹郴缁熷悧"
+ @confirm="dialogConfirm">
+ </uni-popup-dialog>
+ </uni-popup>
+ </view>
<!-- 搴曢儴涓や釜淇℃伅鍗＄墖 -->
<!-- <view class="info-cards">
<view class="info-card">
@@ -89,7 +95,6 @@
uni.$on('refresh', () => {
avatar.value = userStore.avatar;
})
-
function handleToInfo() {
uni.navigateTo({
url: '/pages_mine/pages/info/index'
@@ -120,19 +125,23 @@
// 鐜版湁璺宠浆鏂规硶淇濈暀锛歨andleToInfo / handleToLogin / handleToAvatar / handleHelp 绛�
function handleUnitManage() {
- // TODO: 鏇挎崲涓虹湡瀹炶矾鐢�
- uni.showToast({ title: '妯″潡寤鸿涓瓇', icon: 'none' });
+ uni.navigateTo({
+ url: '/pages_mine/pages/company/index'
+ });
}
function handleUserManage() {
// TODO: 鏇挎崲涓虹湡瀹炶矾鐢�
uni.showToast({ title: '妯″潡寤鸿涓瓇', icon: 'none' });
}
function handleContractManage() {
- // TODO: 鏇挎崲涓虹湡瀹炶矾鐢�
- uni.showToast({ title: '妯″潡寤鸿涓瓇', icon: 'none' });
+ uni.navigateTo({
+ url: '/pages_mine/pages/contract/index'
+ });
}
onMounted(() => {
// 璁剧疆鐢ㄦ埛淇℃伅
+ // 璁剧疆鐢ㄦ埛淇℃伅
+ userStore.getInfo()
});
</script>
@@ -141,9 +150,23 @@
.mine-page {
min-height: 100vh;
padding: 1.25rem;
- padding-top: env(safe-area-inset-top);
+ /* 涓烘墍鏈夎澶囪缃熀纭�padding-top */
+ padding-top: 40px;
position: relative;
background: linear-gradient( 225deg, #E7F1FF 0%, rgba(255,255,255,0) 74%, rgba(255,255,255,0) 100%);
+
+ /* iOS璁惧浣跨敤env()鍑芥暟澶勭悊瀹夊叏鍖哄煙 */
+ padding-top: env(safe-area-inset-top);
+
+ /* 涓哄畨鍗撹澶囪缃洿澶х殑椤堕儴鍐呰竟璺� */
+ /* #ifdef APP-PLUS && !MP && !H5 */
+ padding-top: 45px;
+ /* #endif */
+
+ /* H5鍜屽皬绋嬪簭骞冲彴鐨勯�氱敤鏍峰紡 */
+ /* #ifdef H5 || MP */
+ padding-top: 30px;
+ /* #endif */
}
/* 椤堕儴涓汉淇℃伅鍗� */
@@ -153,6 +176,11 @@
align-items: center;
color: #333;
margin: 1.25rem 0;
+
+ /* 涓哄畨鍗撹澶囬澶栬皟鏁村崱鐗囦綅缃� */
+ /* #ifdef APP-PLUS && !MP && !H5 */
+ margin-top: 15px;
+ /* #endif */
.left {
display: flex;
--
Gitblit v1.9.3