Refactor home page layout and styles to enhance user experience, including user…

Refactor home page layout and styles to enhance user experience, including user card design, section headers, and entry card animations. Update JSON configuration for navigation bar refresh functionality in approve page.

pages.json

@@ -10,7 +10,6 @@
             "path": "pages/home/index",
             "style": {
                 "navigationBarTitleText": "供应链商务",
-                "enablePullDownRefresh": true,
                 "backgroundTextStyle": "dark"
             }
         },
@@ -23,7 +22,8 @@
         {
             "path": "pages/approve/index",
             "style": {
-                "navigationBarTitleText": "审批列表"
+                "navigationBarTitleText": "审批列表",
+                "enablePullDownRefresh": true
             }
         },
         {
@@ -67,4 +67,4 @@
         "rpxCalcMaxDeviceWidth": 600,
         "rpxCalcBaseDeviceWidth": 500
     }
-}
+}
\ No newline at end of file

pages/home/index.vue

 <template>
     <view class="home-index">
         <view class="head" v-if="!loading && info.user_info">
-            <view class="row bothSide verCenter">
-                <view class="info-bar row verCenter">
-                    <text class="iconfont icon-juxing"></text>
-                    <view class="column">
-                        <text class="t1">{{ info.user_info.name }}</text>
-                        <text class="t2">{{ info.user_info.email }}</text>
+            <view class="user-card">
+                <view class="row bothSide verCenter">
+                    <view class="info-bar row verCenter">
+                        <view class="avatar-wrap">
+                            <text class="iconfont icon-juxing"></text>
+                        </view>
+                        <view class="column">
+                            <text class="t1">{{ info.user_info.name }}</text>
+                            <text class="t2">{{ info.user_info.email }}</text>
+                        </view>
+                    </view>
+                    <view class="setting row verCenter" @click="exit()">
+                        <text class="iconfont icon-a-juxing13"></text>
                     </view>
-                </view>
-                <view class="setting row verCenter" @click="exit()">
-                    <text class="iconfont icon-a-juxing13"></text>
-                    <text class="tt">设置</text>
                 </view>
             </view>
         </view>
 
-        <view class="section-title">审批</view>
+        <view class="content-wrap" v-if="!loading && info.user_info">
+            <view class="section-header row verCenter">
+                <text class="section-title">快捷入口</text>
+            </view>
 
-        <view class="entry-grid row" style="flex-wrap: wrap;">
-            <view class="entry-card row verCenter" v-for="item in entryList" :key="item.id" @click="goApply(item)">
-                <view class="entry-icon row rowCenter verCenter">
-                    <u-icon name="plus-circle-fill" color="#19be6b" size="44"></u-icon>
+            <view class="entry-grid">
+                <view class="entry-card" v-for="(item, index) in entryList" :key="item.id" @click="goApply(item)" :style="{ animationDelay: (index * 0.1) + 's' }">
+                    <view class="card-content">
+                        <view class="icon-section">
+                            <view class="icon-bg-layer"></view>
+                            <view class="icon-container">
+                                <u-icon :name="item.icon" :color="item.color" size="48"></u-icon>
+                            </view>
+                            <view class="icon-shine"></view>
+                        </view>
+                        
+                        <view class="text-section">
+                            <text class="entry-title">{{ item.name }}</text>
+                            <text class="entry-subtitle">快速发起申请</text>
+                        </view>
+                    </view>
+                    
+                    <view class="card-action">
+                        <view class="action-line"></view>
+                        <view class="action-icon">
+                            <u-icon name="arrow-right" color="#3b82f6" size="18"></u-icon>
+                        </view>
+                    </view>
+                    
+                    <view class="card-border"></view>
                 </view>
-                <text class="entry-text">{{ item.name }}</text>
             </view>
         </view>
     </view>
@@ -38,7 +64,12 @@
                 info: {},
                 loading: true,
                 entryList: [
-                    { id: 1, name: '费用减免申请' }
+                    {
+                        id: 1,
+                        name: '费用减免申请',
+                        icon: 'file-text-fill',
+                        color: '#3b82f6'
+                    }
                 ]
             };
         },