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/index.vue | 66 ++++++++++++++++++++------------
1 files changed, 41 insertions(+), 25 deletions(-)
diff --git a/src/pages/index.vue b/src/pages/index.vue
index d62cae4..53fb2bc 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,9 +1,9 @@
<template>
- <view class="content">
+ <view class="content">
<view class="header-section">
<view class="currentFactory">
<up-text type="primary" :text="userStore.currentFactoryName" @click="show = true" size="18"
- class="factoryName" suffixIcon="arrow-right" :iconStyle="iconStyle"></up-text>
+ class="factoryName" suffixIcon="arrow-right" :iconStyle="iconStyle"></up-text>
</view>
<up-picker :show="show" :columns="factoryList" @confirm="changeFactory" @cancel="show = false"></up-picker>
</view>
@@ -18,20 +18,20 @@
</view>
</view>
-<!-- <view class="notice-section">-->
-<!-- <view class="notice">-->
-<!-- <view class="notice-content">-->
-<!-- <view class="notice-left">-->
-<!-- <text class="notice-status">閫氱煡</text>-->
-<!-- </view>-->
-<!-- <view class="notice-separator"></view>-->
-<!-- <view class="notice-right">-->
-<!-- <text class="notice-label">{{currentStatus}}</text>-->
-<!-- <text class="notice-text">褰撴棩閿�鍞澶囨暟:<text class="notice-number">{{number}}<text class="notice-unit">涓�</text></text></text>-->
-<!-- </view>-->
-<!-- </view>-->
-<!-- </view>-->
-<!-- </view>-->
+ <!-- <view class="notice-section">-->
+ <!-- <view class="notice">-->
+ <!-- <view class="notice-content">-->
+ <!-- <view class="notice-left">-->
+ <!-- <text class="notice-status">閫氱煡</text>-->
+ <!-- </view>-->
+ <!-- <view class="notice-separator"></view>-->
+ <!-- <view class="notice-right">-->
+ <!-- <text class="notice-label">{{currentStatus}}</text>-->
+ <!-- <text class="notice-text">褰撴棩閿�鍞澶囨暟:<text class="notice-number">{{number}}<text class="notice-unit">涓�</text></text></text>-->
+ <!-- </view>-->
+ <!-- </view>-->
+ <!-- </view>-->
+ <!-- </view>-->
<!-- 钀ラ攢绠＄悊妯″潡 -->
<view class="common-module marketing-module">
@@ -152,7 +152,7 @@
</up-grid>
</view>
</view>
- </view>
+ </view>
</template>
<script setup>
@@ -433,8 +433,22 @@
background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%);
min-height: 100vh;
padding: 1.25rem;
- padding-top: env(safe-area-inset-top);
+ /* 涓烘墍鏈夎澶囪缃熀纭�padding-top */
+ padding-top: 40px;
position: relative;
+
+ /* 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 */
&::before {
content: '';
@@ -456,17 +470,19 @@
right: 0;
bottom: 0;
background: radial-gradient(circle at 20% 80%, rgba(41, 121, 255, 0.02) 0%, transparent 50%),
- radial-gradient(circle at 80% 20%, rgba(156, 39, 176, 0.02) 0%, transparent 50%);
+ radial-gradient(circle at 80% 20%, rgba(156, 39, 176, 0.02) 0%, transparent 50%);
pointer-events: none;
z-index: -1;
}
}
-/* 鏈〉涓嶅啀瀹氫箟 .safe-area-top锛屽凡绉昏嚦鍏ㄥ眬鏍峰紡 */
-
.header-section {
margin-bottom: 1rem;
animation: fadeInDown 0.6s ease-out;
+ /* 涓哄畨鍗撹澶囬澶栬皟鏁村ご閮ㄤ綅缃� */
+ /* #ifdef APP-PLUS && !MP && !H5 */
+ margin-top: 10px;
+ /* #endif */
}
.currentFactory {
@@ -608,11 +624,11 @@
@keyframes shine {
- 0% {
- transform: translateX(-100%) translateY(-100%) rotate(45deg);
+ 0% {
+ transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
- 100% {
- transform: translateX(100%) translateY(100%) rotate(45deg);
+ 100% {
+ transform: translateX(100%) translateY(100%) rotate(45deg);
}
}
--
Gitblit v1.9.3