From 5944f8d01146bbe7fbca0b003e0ef382dc35a090 Mon Sep 17 00:00:00 2001
From: zzc <1761997216@qq.com>
Date: Tue, 24 Feb 2026 15:35:55 +0800
Subject: [PATCH] fix: index page

---
 pages/index/index.vue | 38 ++++++++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 39f6723..414e659 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -114,7 +114,6 @@
               <text class="feature-desc">限定 · 如意边框</text>
             </view>
           </view>
-          <uni-icons type="right" size="14" color="#ccc" />
         </view>
         <view class="feature-item" @tap="navTo('/pages/wallpaper/index')">
           <view class="left-content">
@@ -130,7 +129,6 @@
               <text class="feature-desc">高清 · 福气盈门</text>
             </view>
           </view>
-          <uni-icons type="right" size="14" color="#ccc" />
         </view>
       </view>
     </view>
@@ -599,30 +597,35 @@ onShareTimeline(() => {
 
 .feature-row {
   display: flex;
-  flex-direction: column;
-  gap: 20rpx;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .feature-item {
+    width: 48%;
     background: #fff;
     border-radius: 24rpx;
-    padding: 24rpx 32rpx;
+    padding: 20rpx;
     display: flex;
-    justify-content: space-between;
     align-items: center;
     box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.03);
+    box-sizing: border-box;
+    margin-bottom: 20rpx;
 
     .left-content {
       display: flex;
       align-items: center;
+      width: 100%;
 
       .icon-wrap {
-        width: 72rpx;
-        height: 72rpx;
+        width: 64rpx;
+        height: 64rpx;
         border-radius: 16rpx;
         display: flex;
         align-items: center;
         justify-content: center;
-        margin-right: 24rpx;
+        margin-right: 16rpx;
+        flex-shrink: 0;
 
         &.yellow-bg {
           background: #fff8e1;
@@ -632,25 +635,32 @@ onShareTimeline(() => {
         }
 
         .feature-icon {
-          width: 40rpx;
-          height: 40rpx;
+          width: 36rpx;
+          height: 36rpx;
         }
       }
 
       .text-content {
         display: flex;
         flex-direction: column;
+        overflow: hidden;
 
         .feature-name {
-          font-size: 28rpx;
+          font-size: 26rpx;
           font-weight: bold;
           color: #333;
-          margin-bottom: 4rpx;
+          margin-bottom: 2rpx;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
         }
 
         .feature-desc {
-          font-size: 22rpx;
+          font-size: 20rpx;
           color: #999;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
         }
       }
     }