feat: 首页、分类页加载数据逻辑重构

miniprogram/pages/category/category.wxml

@@ -2,7 +2,7 @@
     <nav-bar title="分类" />
 
     <view class="cat-body">
-        <view class="cat-search-wrap">
+        <!-- <view class="cat-search-wrap">
             <view class="cat-search">
                 <van-icon
                     name="search"
@@ -23,7 +23,7 @@
                     color="rgba(50, 46, 37, 0.35)"
                     bindtap="onClearSearch" />
             </view>
-        </view>
+        </view> -->
 
         <view class="cat-main">
             <scroll-view
@@ -52,18 +52,20 @@
                     <view
                         wx:for="{{displayItems}}"
                         wx:key="id"
-                        class="cat-card"
+                        class="cat-card {{item.skeleton ? 'cat-card--skeleton' : ''}}"
                         data-path="{{item.path}}"
                         data-title="{{item.title}}"
                         data-available="{{item.available}}"
-                        bindtap="onTapItem">
+                        bindtap="{{item.skeleton ? '' : 'onTapItem'}}">
                         <view class="cat-card__thumb">
                             <image
                                 wx:if="{{item.previewImg}}"
                                 class="cat-card__thumb-img"
                                 src="{{item.previewImg}}"
                                 mode="aspectFill" />
-                            <text wx:else class="cat-card__thumb-icon"
+                            <text
+                                wx:elif="{{!item.skeleton}}"
+                                class="cat-card__thumb-icon"
                                 >{{item.icon}}</text
                             >
                         </view>
@@ -76,7 +78,9 @@
                             <text class="cat-card__subtitle"
                                 >{{item.subtitle}}</text
                             >
-                            <view class="cat-card__tags">
+                            <view
+                                wx:if="{{!item.skeleton}}"
+                                class="cat-card__tags">
                                 <text class="tag tag--age"
                                     >{{item.ageBand}}</text
                                 >
@@ -84,7 +88,9 @@
                                     >{{item.difficultyLabel}}</text
                                 >
                             </view>
-                            <view class="cat-card__footer">
+                            <view
+                                wx:if="{{!item.skeleton}}"
+                                class="cat-card__footer">
                                 <view class="cat-card__stats">
                                     <view class="cat-card__stat">
                                         <toy-icon
@@ -109,7 +115,7 @@
                     </view>
 
                     <view
-                        wx:if="{{displayItems.length === 0}}"
+                        wx:if="{{displayItems.length === 0 && !loading}}"
                         class="cat-empty">
                         <text class="cat-empty__icon">🔍</text>
                         <text class="cat-empty__text">没有找到匹配的内容</text>