consumer模块完成度95%，优化安卓端界面和小程序测试2

pages/main/category.uvue

@@ -1,11 +1,11 @@
-<template>
+<template>
     <view class="category-page">
         <!-- 顶部搜索栏 -->
         <view class="search-bar" :style="{ paddingTop: statusBarHeight + 'px' }">
             <view class="search-container">
                 <view class="search-box" @click="navigateToSearch" :style="{ height: '30px' }">
                     <!-- 模拟输入框 -->
-                    <text class="search-placeholder">请输入药品名称、症状或品牌</text>
+                    <text class="search-placeholder">请输入商品名称、店铺</text>
                     
                     <!-- 扫码图标 -->
                     <view class="nav-icon-btn" @click.stop="onScan">
@@ -100,10 +100,16 @@
                     </view>
                 </view>
                 
-                <!-- 空状态 -->
+                <!-- 加载中状态 -->
+                <view v-else-if="loading" class="loading-state">
+                    <view class="loading-spinner"></view>
+                    <text class="loading-text">加载中...</text>
+                </view>
+                
+                <!-- 空状态 - 仅在非加载状态且无商品时显示 -->
                 <view v-else class="empty-state">
-                    <text class="empty-icon">💊</text>
-                    <text class="empty-text">暂无相关药品</text>
+                    <text class="empty-icon"><EFBFBD></text>
+                    <text class="empty-text">暂无相关商品</text>
                     <text class="empty-desc">该分类下暂无商品，敬请期待</text>
                 </view>
                 
@@ -1095,6 +1101,37 @@ function onScan(): void {
     margin-right: 6px; /* gap replacement */
 }
 
+/* 加载中状态 */
+.loading-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 60px 20px;
+    text-align: center;
+}
+
+.loading-spinner {
+    width: 40px;
+    height: 40px;
+    border: 3px solid #f0f0f0;
+    border-top-color: #ff5000;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 15px;
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.loading-text {
+    font-size: 14px;
+    color: #999;
+}
+
 /* 空状态 */
 .empty-state {
     display: flex;