fix: new index

pages/index/index.vue

@@ -1,10 +1,13 @@
 <template>
   <view
     class="home-container"
-    :style="{ paddingTop: statusBarHeight + 64 + 'px' }"
+    :style="{ paddingTop: statusBarHeight + 54 + 'px' }"
   >
     <!-- 顶部用户信息栏 -->
-    <view class="header-section" :style="{ top: statusBarHeight + 4 + 'px' }">
+    <view
+      class="header-section"
+      :style="{ paddingTop: statusBarHeight + 4 + 'px' }"
+    >
       <view class="user-info">
         <image
           class="user-avatar"
@@ -58,7 +61,7 @@
     <view class="section-container">
       <view class="section-header">
         <view class="title-left-decor"></view>
-        <text class="section-title">制作贺卡·选场景</text>
+        <text class="section-title">贺卡制作</text>
       </view>
       <scroll-view class="scene-scroll" scroll-x="true" show-scrollbar="false">
         <view class="scene-list">
@@ -359,13 +362,18 @@ onShareTimeline(() => {
 /* 顶部用户信息 */
 .header-section {
   position: fixed;
-  left: 32rpx;
-  right: 32rpx;
+  top: 0;
+  left: 0;
+  right: 0;
   z-index: 999;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 24rpx;
+  padding-left: 32rpx;
+  padding-right: 32rpx;
+  padding-bottom: 24rpx;
+  background-color: rgba(251, 251, 249, 0.95);
+  backdrop-filter: blur(20rpx);
 
   .user-info {
     display: flex;