头部样式修改、适配不同机型

gaoluyang

3 天以前 77861fcc5ee1c4f8e7c6412b373cb438c7313930

 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 @@

// 现有跳转方法保留：handleToInfo / 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;