入口页

pages/entry/index.vue

@@ -2,7 +2,7 @@
   <scroll-view class="entry-page" scroll-y>
     <view class="hero">
       <image class="hero-bg" src="/static/entry/bg.png" mode="widthFix" />
-      <!-- <view class="hero-mask"></view> -->
+      <view class="hero-mask"></view>
       <view class="hero-content">
         <view class="status-row"> </view>
 
@@ -375,23 +375,23 @@ onShow(() => {
 .hero-mask {
   position: absolute;
   inset: 0;
-  background:
-    linear-gradient(
-      180deg,
-      rgba(10, 92, 222, 0.1) 0%,
-      rgba(10, 92, 222, 0.18) 100%
-    ),
-    linear-gradient(
-      180deg,
-      rgba(0, 61, 153, 0.72) 0%,
-      rgba(0, 61, 153, 0.22) 72%,
-      rgba(255, 255, 255, 0) 100%
-    );
+  height: 55%;
+  background: linear-gradient(
+    to bottom,
+    rgba(255, 255, 255, 0) 0%,
+    rgb(45, 114, 212, 0.4) 88%,
+    rgb(45, 114, 212, 0.4) 89%,
+    rgb(45, 114, 212, 0.7) 91%,
+    rgb(41, 113, 214, 0.2) 95%,
+    #f9fbfd 100%
+  );
+
+  pointer-events: none;
 }
 
 .hero-content {
   position: relative;
-  z-index: 1;
+  z-index: 2;
   padding: calc(var(--status-bar-height) + 24rpx) 28rpx 0;
 }
 
@@ -402,76 +402,6 @@ onShow(() => {
   margin-bottom: 42rpx;
 }
 
-.status-time {
-  color: #ffffff;
-  font-size: 30rpx;
-  font-weight: 700;
-  letter-spacing: 1rpx;
-}
-
-.status-icons {
-  display: flex;
-  align-items: center;
-  gap: 14rpx;
-}
-
-.signal {
-  display: flex;
-  align-items: flex-end;
-  gap: 4rpx;
-
-  text {
-    display: block;
-    width: 5rpx;
-    border-radius: 4rpx;
-    background: rgba(255, 255, 255, 0.96);
-  }
-
-  text:nth-child(1) {
-    height: 10rpx;
-  }
-
-  text:nth-child(2) {
-    height: 15rpx;
-  }
-
-  text:nth-child(3) {
-    height: 20rpx;
-  }
-
-  text:nth-child(4) {
-    height: 25rpx;
-  }
-}
-
-.battery {
-  width: 42rpx;
-  height: 22rpx;
-  padding: 2rpx;
-  border: 2rpx solid rgba(255, 255, 255, 0.92);
-  border-radius: 6rpx;
-  position: relative;
-  box-sizing: border-box;
-
-  &::after {
-    content: "";
-    position: absolute;
-    right: -5rpx;
-    top: 6rpx;
-    width: 3rpx;
-    height: 8rpx;
-    border-radius: 0 2rpx 2rpx 0;
-    background: rgba(255, 255, 255, 0.92);
-  }
-}
-
-.battery-level {
-  width: 75%;
-  height: 100%;
-  border-radius: 3rpx;
-  background: #ffffff;
-}
-
 .profile-row {
   display: flex;
   align-items: center;
@@ -552,7 +482,7 @@ onShow(() => {
 .content-shell {
   position: relative;
   z-index: 2;
-  margin-top: -300rpx;
+  margin-top: -325rpx;
   padding: 0 24rpx calc(env(safe-area-inset-bottom) + 34rpx);
 }