fix: gretting page

pages/detail/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <view class="detail-page" >
-     <NavBar title="祝福贺卡" />
+  <view class="detail-page">
+    <NavBar title="祝福贺卡" />
 
     <scroll-view scroll-y class="content-scroll">
       <view class="content-wrap">
@@ -46,7 +46,7 @@
         </view>
 
         <!-- Recommendations -->
-        <view class="recommend-section">
+        <!-- <view class="recommend-section">
           <view class="section-header">
             <text class="section-title">大家都在玩的头像挂饰</text>
             <text class="more-link">查看更多</text>
@@ -65,24 +65,38 @@
               </view>
             </view>
           </scroll-view>
-        </view>
+        </view> -->
 
         <!-- Banner -->
-        <view class="banner-card">
+        <view class="wallpaper-banner" @tap="goToFortune">
           <view class="banner-icon">
-            <image
-              src="/static/logo.png"
-              mode="aspectFit"
-              style="width: 100%; height: 100%"
-              v-if="false"
-            />
-            <view class="placeholder-icon">☺</view>
+            <text>🏮</text>
           </view>
           <view class="banner-content">
-            <view class="banner-title">领取我的马年头像框</view>
-            <view class="banner-desc">定制专属新春社交形象</view>
+            <text class="banner-title">去抽取新年运势</text>
+            <text class="banner-desc">每日一签，开启你的新年好运</text>
           </view>
-          <button class="banner-btn">去领取</button>
+          <text class="banner-arrow">›</text>
+        </view>
+        <view class="wallpaper-banner" @tap="goToGreeting">
+          <view class="banner-icon">
+            <text>🧧</text>
+          </view>
+          <view class="banner-content">
+            <text class="banner-title">去制作新年头像</text>
+            <text class="banner-desc">定制专属头像，传递浓浓年味</text>
+          </view>
+          <text class="banner-arrow">›</text>
+        </view>
+        <view class="wallpaper-banner" @tap="goToWallpaper">
+          <view class="banner-icon">
+            <text>🖼</text>
+          </view>
+          <view class="banner-content">
+            <text class="banner-title">去挑选新年壁纸</text>
+            <text class="banner-desc">精选新年壁纸，让手机也过年</text>
+          </view>
+          <text class="banner-arrow">›</text>
         </view>
 
         <!-- Footer -->
@@ -170,6 +184,29 @@ const decorList = ref([
     img: "https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg",
   },
 ]);
+const goToMake = () => {
+  uni.navigateTo({
+    url: "/pages/avatar/index",
+  });
+};
+
+const goToFortune = () => {
+  uni.navigateTo({
+    url: "/pages/fortune/index",
+  });
+};
+
+const goToGreeting = () => {
+  uni.navigateTo({
+    url: "/pages/avatar/index",
+  });
+};
+
+const goToWallpaper = () => {
+  uni.navigateTo({
+    url: "/pages/wallpaper/index",
+  });
+};
 </script>
 
 <style lang="scss" scoped>
@@ -229,6 +266,53 @@ const decorList = ref([
   margin-right: 6rpx;
 }
 
+.wallpaper-banner {
+  background: #f8f8f8;
+  border-radius: 24rpx;
+  padding: 30rpx;
+  display: flex;
+  align-items: center;
+  margin-bottom: 60rpx;
+}
+
+.banner-icon {
+  width: 80rpx;
+  height: 80rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 24rpx;
+}
+
+.banner-icon text {
+  font-size: 40rpx;
+  color: #ff3b30;
+}
+
+.banner-content {
+  flex: 1;
+}
+
+.banner-title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  display: block;
+  margin-bottom: 8rpx;
+}
+
+.banner-desc {
+  font-size: 22rpx;
+  color: #999;
+}
+
+.banner-arrow {
+  font-size: 36rpx;
+  color: #ccc;
+}
+
 /* Card Container */
 .card-container {
   background: #fff;