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 | 21 ++++++++++++++++++++-
1 files changed, 20 insertions(+), 1 deletions(-)
diff --git a/src/pages/mine.vue b/src/pages/mine.vue
index 40a2645..0961130 100644
--- a/src/pages/mine.vue
+++ b/src/pages/mine.vue
@@ -150,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 */
}
/* 椤堕儴涓汉淇℃伅鍗� */
@@ -162,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