fix: 商品详情UI优化、提示增强

pages/home/home.vue

@@ -106,7 +106,7 @@
 
     <!-- 药店模式：热销药品标题 -->
     <view v-if="storeType === '1'" class="doctor_list" @click="golist(3)">
-      热销药品
+      热销商品
       <view class="info">
         更多 <text class="iconfont icon-jiantou1"></text>
       </view>
@@ -133,13 +133,13 @@
                   <text class="currency">¥</text>
                   <text class="price">{{item.price || (item.drug.drugStoreDrug ? item.drug.drugStoreDrug.price : '0.00')}}</text>
                 </view>
-                <view class="buy-btn" @click.stop="buyProduct(item)">购买</view>
+                <view class="buy-btn" @click.stop="goProductDetail(item)">购买</view>
               </view>
             </view>
           </view>
         </view>
       </view>
-      
+
       <!-- 处方药热销 -->
       <view v-if="topProducts.prescription && topProducts.prescription.length > 0" class="category-section">
         <view class="category-title">处方药</view>
@@ -159,13 +159,13 @@
                   <text class="currency">¥</text>
                   <text class="price">{{item.price || (item.drug.drugStoreDrug ? item.drug.drugStoreDrug.price : '0.00')}}</text>
                 </view>
-                <view class="buy-btn" @click.stop="buyProduct(item)">购买</view>
+                <view class="buy-btn" @click.stop="goProductDetail(item)">购买</view>
               </view>
             </view>
           </view>
         </view>
       </view>
-      
+
       <!-- 保健食品热销 -->
       <view v-if="topProducts.health_food && topProducts.health_food.length > 0" class="category-section">
         <view class="category-title">保健食品</view>
@@ -185,7 +185,7 @@
                   <text class="currency">¥</text>
                   <text class="price">{{item.price || (item.drug.drugStoreDrug ? item.drug.drugStoreDrug.price : '0.00')}}</text>
                 </view>
-                <view class="buy-btn" @click.stop="buyProduct(item)">购买</view>
+                <view class="buy-btn" @click.stop="goProductDetail(item)">购买</view>
               </view>
             </view>
           </view>
@@ -763,21 +763,21 @@ export default {
   // 4. 药店模式 - 分类热销商品容器
   .top-products-container {
     padding: 0 20rpx;
-    
+
     .category-section {
       margin-bottom: 40rpx;
-      
+
       .category-title {
         font-size: 32rpx;
         font-weight: bold;
         color: #232323;
         margin-bottom: 20rpx;
         padding-left: 20rpx;
-        border-left: 6rpx solid #4175EE;
+        //border-left: 6rpx solid #4175EE;
       }
     }
   }
-  
+
   // 4. 药店模式 - 药品列表容器
   .product-list-container {
     padding: 0 20rpx;

subPackages/product/product.vue

@@ -2,36 +2,40 @@
   <view class="container">
     <!-- 顶部搜索栏：保持优化后的结构，但背景色微调融入原风格 -->
     <view class="search-sticky">
-      <view class="search-section">
-        <!-- 类目筛选下拉 -->
-        <view class="category-filter">
-          <u-dropdown>
-            <u-dropdown-item 
-              v-model="selectedCategory" 
-              title="类目筛选" 
-              :options="categoryOptions" 
-              @change="onCategoryChange">
-            </u-dropdown-item>
-          </u-dropdown>
-        </view>
-        <!-- 搜索组件配置 -->
-        <u-search
-            v-model="searchKeyword"
-            placeholder="搜索药品 / 症状 / 品牌"
-            :show-action="false"
-            bg-color="#F5F7FA"
-            placeholder-color="#9CA3AF"
-            shape="round"
-            height="72"
-            @input="handleSearch"
-            @search="handleSearch"
-            @clear="clearSearch"
-        >
-          <template v-slot:icon>
-            <u-icon name="search" color="#9CA3AF" size="32"></u-icon>
-          </template>
-        </u-search>
-      </view>
+
+      <!-- 搜索组件配置 -->
+      <u-search
+          v-model="searchKeyword"
+          placeholder="搜索药品 / 症状 / 品牌"
+          :show-action="false"
+          bg-color="#F5F7FA"
+          placeholder-color="#9CA3AF"
+          shape="round"
+          height="72"
+          @input="handleSearch"
+          @search="handleSearch"
+          @clear="clearSearch"
+      >
+        <template v-slot:icon>
+          <u-icon name="search" color="#9CA3AF" size="32"></u-icon>
+        </template>
+      </u-search>
+    </view>
+    <view class="search-sticky">
+      <u-dropdown>
+        <u-dropdown-item
+            v-model="selectedCategory"
+            title="类目筛选"
+            :options="categoryOptions"
+            @change="onCategoryChange">
+        </u-dropdown-item>
+        <u-dropdown-item
+            title=""
+        </u-dropdown-item>
+        <u-dropdown-item
+            title=""
+        </u-dropdown-item>
+      </u-dropdown>
     </view>
 
     <!-- 商品列表区域 -->
@@ -393,7 +397,7 @@ export default {
     
     .category-filter {
       flex-shrink: 0;
-      width: 160rpx;
+      width: 200rpx;
     }
   }
 }