From 419c62cde787b8b67c594108f6f1b2c1441e1fde Mon Sep 17 00:00:00 2001
From: lq <workerqi@163.com>
Date: Wed, 10 Dec 2025 17:01:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=95=86=E5=93=81=E8=AF=A6=E6=83=85UI?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E3=80=81=E6=8F=90=E7=A4=BA=E5=A2=9E=E5=BC=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/home/home.vue             | 1831 ++++++++++++++++---------------
 subPackages/product/product.vue |  299 +++--
 2 files changed, 1079 insertions(+), 1051 deletions(-)

diff --git a/pages/home/home.vue b/pages/home/home.vue
index 6222961..be27469 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -1,83 +1,59 @@
 <template>
-	<view class="content safe-area-inset-bottom">
-		<view class="head">
-			<!-- 门店 -->
-			<view class="store" @click="toStore">
-				{{infoList.store['name'] || storeinfo[0].store['name'] || info.name || ''}}
-				<text class="iconfont icon-qiehuan"></text>
-			</view>
-
-			<!-- 定位 -->
-			<view class="area">
-				<view class="place">
-					<text class="iconfont icon-dizhi"></text>
-					{{infoList.store['position'] || storeinfo[0].store.position || info.position || ''}}
-				</view>
-
-				<!-- <view class="place" @click="toSee">
-					<text class="iconfont icon-saoyisao" style="font-size: 30rpx;"></text>
-					扫一扫
-				</view> -->
-			</view>
-
-			<!-- 搜索 -->
-			<!-- <view class="search">
-				<u-search placeholder="请输入商品名称" bg-color="#fff" border-color="#F8FAFC" :show-action="false"
-					:clearabled="true" shape="round" :disabled="true" @click="tosearch"></u-search>
-			</view> -->
-
-		</view>
-
-		<!-- 图片展示 -->
-		<view class="section">
-			<u-swiper :list="list" :img-mode="aspectFill" :height="300" :interval="4000" @click="toBanner"></u-swiper>
-			<!-- <image class="banner" mode="aspectFill" src="/static/home/banner.png"></image> -->
-		</view>
-
-		<!-- 导航栏 -->
-		<view class="nav" v-if="storeType === '0'">
-			<view class="nav_service" @click="goYard(1)">
-				<view class="nav_service_img">
-					<image src="../../static/home/bg1.png" mode=""></image>
-				</view>
-				<view class="nav_service_title">
-<!--					挂号咨询-->
-				到店挂号
-        </view>
-			</view>
-
-<!--			<view class="nav_service" @click="golist(2)">-->
-<!--				<view class="nav_service_img">-->
-<!--					<image src="../../static/home/bg2.png" mode=""></image>-->
-<!--				</view>-->
-<!--				<view class="nav_service_title">-->
-<!--					线上复诊-->
-<!--				</view>-->
-<!--			</view>-->
-      <view class="nav_service" @click="golist(3)">
-        <view class="nav_service_img">
-          <image src="../../static/home/bg2.png" mode=""></image>
-        </view>
-        <view class="nav_service_title">
-          预约购药
-        </view>
+  <view class="content safe-area-inset-bottom">
+    <view class="head">
+      <!-- 门店 -->
+      <view class="store" @click="toStore">
+        {{infoList.store['name'] || storeinfo[0].store['name'] || info.name || ''}}
+        <text class="iconfont icon-qiehuan"></text>
       </view>
-		</view>
 
-<!--		&lt;!&ndash; 导航栏第二行 &ndash;&gt;-->
-<!--		<view class="nav">-->
-<!--      <view class="nav_service" @click="golist(3)">-->
-<!--        <view class="nav_service_img">-->
-<!--          <image src="../../static/home/bg2.png" mode=""></image>-->
-<!--        </view>-->
-<!--        <view class="nav_service_title">-->
-<!--          预约购药-->
+      <!-- 定位 -->
+      <view class="area">
+        <view class="place">
+          <text class="iconfont icon-dizhi"></text>
+          {{infoList.store['position'] || storeinfo[0].store.position || info.position || ''}}
+        </view>
+
+<!--        <view class="place" @click="toSee">-->
+<!--          <text class="iconfont icon-saoyisao" style="font-size: 30rpx;"></text>-->
+<!--          扫一扫-->
 <!--        </view>-->
+      </view>
+
+      <!-- 搜索 -->
+<!--      <view class="search">-->
+<!--        <u-search placeholder="请输入商品名称" bg-color="#fff" border-color="#F8FAFC" :show-action="false"-->
+<!--                  :clearabled="true" shape="round" :disabled="true" @click="tosearch"></u-search>-->
 <!--      </view>-->
-<!--		</view>-->
 
-		<!-- 导航栏第二行 -->
-		<view class="nav" v-if="storeType === '1'">
+    </view>
+
+    <!-- 图片展示 -->
+    <view class="section">
+      <u-swiper :list="list" :img-mode="aspectFill" :height="300" :interval="4000" @click="toBanner"></u-swiper>
+      <!-- <image class="banner" mode="aspectFill" src="/static/home/banner.png"></image> -->
+    </view>
+
+    <!-- 导航栏 -->
+    <view class="nav" v-if="storeType === '0'">
+      <view class="nav_service" @click="goYard(1)">
+        <view class="nav_service_img">
+          <image src="../../static/home/bg1.png" mode=""></image>
+        </view>
+        <view class="nav_service_title">
+          <!--					挂号咨询-->
+          到店挂号
+        </view>
+      </view>
+
+      <!--			<view class="nav_service" @click="golist(2)">-->
+      <!--				<view class="nav_service_img">-->
+      <!--					<image src="../../static/home/bg2.png" mode=""></image>-->
+      <!--				</view>-->
+      <!--				<view class="nav_service_title">-->
+      <!--					线上复诊-->
+      <!--				</view>-->
+      <!--			</view>-->
       <view class="nav_service" @click="golist(3)">
         <view class="nav_service_img">
           <image src="../../static/home/bg2.png" mode=""></image>
@@ -86,17 +62,41 @@
           预约购药
         </view>
       </view>
-		</view>
+    </view>
+
+    <!--		&lt;!&ndash; 导航栏第二行 &ndash;&gt;-->
+    <!--		<view class="nav">-->
+    <!--      <view class="nav_service" @click="golist(3)">-->
+    <!--        <view class="nav_service_img">-->
+    <!--          <image src="../../static/home/bg2.png" mode=""></image>-->
+    <!--        </view>-->
+    <!--        <view class="nav_service_title">-->
+    <!--          预约购药-->
+    <!--        </view>-->
+    <!--      </view>-->
+    <!--		</view>-->
+
+    <!-- 导航栏第二行 -->
+    <view class="nav" v-if="storeType === '1'">
+      <view class="nav_service" @click="golist(3)">
+        <view class="nav_service_img">
+          <image src="../../static/home/bg2.png" mode=""></image>
+        </view>
+        <view class="nav_service_title">
+          预约购药
+        </view>
+      </view>
+    </view>
 
 
-		<view v-if="storeType === '0'" class="doctor_list" @click="goYard(1)">
-			医生列表
-			<view class="info">
-				更多 <text class="iconfont icon-jiantou1"></text>
-			</view>
-		</view>
+    <view v-if="storeType === '0'" class="doctor_list" @click="goYard(1)">
+      医生列表
+      <view class="info">
+        更多 <text class="iconfont icon-jiantou1"></text>
+      </view>
+    </view>
 
-		<!-- 医生列表  -->
+    <!-- 医生列表  -->
     <view v-if="storeType === '0'" class="doctor-card" @click="goLookDoctor(item.id)" v-for="(item,index) in doctorList" :key="item.id">
       <view class="card-content">
         <!-- 医生头像 -->
@@ -141,897 +141,928 @@
       </view>
     </view>
 
-<!--    药店版本-->
-<!--    <view v-if="storeType === '1'" class="doctor_list" @click="golist(3)">-->
-<!--      药品列表-->
-<!--      <view class="info">-->
-<!--        更多 <text class="iconfont icon-jiantou1"></text>-->
-<!--      </view>-->
-<!--    </view>-->
-<!--		&lt;!&ndash; 医生列表  &ndash;&gt;-->
-<!--    <view v-if="storeType === '1'" class="doctor-card" @click="goLookDoctor(item.id)" v-for="(item,index) in doctorList" :key="item.id">-->
-<!--      <view class="card-content">-->
-<!--        &lt;!&ndash; 医生头像 &ndash;&gt;-->
-<!--        <image :src="item.avatar || '/static/mine/avatar_1.png'" mode="aspectFill" class="doctor-avatar"></image>-->
+    <!-- 药店版本 -->
+    <view v-if="storeType === '1'" class="doctor_list" @click="golist(3)">
+      药品列表
+      <view class="info">
+        更多 <text class="iconfont icon-jiantou1"></text>
+      </view>
+    </view>
+    <!-- 医生列表  -->
+    <view v-if="storeType === '1'" class="doctor-card" @click="goProductDetail(item)" v-for="(item,index) in productList" :key="item.drug.id">
+      <view class="card-content">
+        <!-- 医生头像 -->
+        <image :src="item.drug.image || '/static/mine/avatar_1.png'" mode="aspectFill" class="doctor-avatar"></image>
 
-<!--        &lt;!&ndash; 医生信息 &ndash;&gt;-->
-<!--        <view class="doctor-info">-->
-<!--          &lt;!&ndash; 姓名和职称 &ndash;&gt;-->
-<!--          <view class="name-section">-->
-<!--            <text class="doctor-name">{{item.name}}</text>-->
-<!--            <view class="title-badge">{{item.title}}</view>-->
-<!--          </view>-->
+        <!-- 医生信息 -->
+        <view class="doctor-info">
+          <!-- 姓名和职称 -->
+          <view class="name-section">
+            <text class="doctor-name">{{item.drug.drug_name}}</text>
+            <view class="title-badge">{{item.drug.is_otc ? 'OTC' : '处方药'}}</view>
+          </view>
 
-<!--          &lt;!&ndash; 科室和医院 &ndash;&gt;-->
-<!--          <view class="department-section">-->
-<!--            <text class="iconfont icon-location"></text>-->
-<!--            <text class="department">{{item.depart}} | {{item.store}}</text>-->
-<!--          </view>-->
+          <!-- 科室和医院 -->
+          <view class="department-section">
+            <text class="iconfont icon-location"></text>
+            <text class="department">{{item.drug.category}}</text>
+          </view>
 
-<!--          &lt;!&ndash; 擅长领域 &ndash;&gt;-->
-<!--          <view class="expertise">-->
-<!--            <text class="expertise-label">擅长：</text>-->
-<!--            <text class="expertise-content">{{item.good_at}}</text>-->
-<!--          </view>-->
+          <!-- 擅长领域 -->
+          <view class="expertise">
+            <text class="expertise-label">价格：</text>
+            <text class="expertise-content">{{item.price}}</text>
+          </view>
 
-<!--        </view>-->
-<!--      </view>-->
-<!--    </view>-->
+          <!-- 统计信息 -->
+          <view class="stats">
+            <view class="stat-item">
+              <text class="stat-value">{{item.sales}}</text>
+              <text class="stat-label">销量</text>
+            </view>
+            <view class="consult-btn" @click.stop="buyProduct(item)">
+              <text class="iconfont icon-consult"></text>
+              购买
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
 
 
-		<!-- 遮罩层 -->
-		<view class="bg-" v-if="bgShow" @click="bgShow=false">
-			<image src="/static/home/bg.png" mode=""></image>
-		</view>
-		<u-toast ref="uToast" />
-	</view>
+    <!-- 遮罩层 -->
+    <view class="bg-" v-if="bgShow" @click="bgShow=false">
+      <image src="/static/home/bg.png" mode=""></image>
+    </view>
+    <u-toast ref="uToast" />
+  </view>
 </template>
 
 <script>
-	import {
-		doctorList,
-		getBanner,
-		getToken,
-		storeChange,
-		storeInfo,
-		storeList
-	} from '../../request/api/api'
-	export default {
-		data() {
-			return {
-				storeId: 0,
-        storeType: 0,
-				storeinfo: [],
-				doctorList: [],
-				show: true,
-				showed: false,
-				shopList: {},
-				flag: false, //防止多次点击
-				headerTitle: "", // 标题
-				infoList: "", // 扫码 门店
-				list: [
-					// '/static/home/banner.png',
-					// '/static/home/banner.png',
-					// '/static/home/banner.png'
-				],
-				info: [],
-				bgShow: false,
-				isShow_envVersion: true
-			}
-		},
-		onLoad() {
+import {
+  doctorList,
+  getBanner,
+  getToken,
+  storeChange,
+  storeInfo,
+  storeList
+} from '../../request/api/api'
+import { getStoreDrugListBySalespersonApi } from "@/request/api/product";
 
-      const token = uni.getStorageSync('token')
-      const userInfo = uni.getStorageSync('userinfo')
-      if (!token || !userInfo) {
-        // 跳转到登录页，不要返回的
-        uni.navigateTo({
-          url: '/pages/home/index'
+export default {
+  data() {
+    return {
+      storeId: 0,
+      storeType: 0,
+      storeinfo: [],
+      doctorList: [],
+      productList: [],
+      show: true,
+      showed: false,
+      shopList: {},
+      flag: false, //防止多次点击
+      headerTitle: "", // 标题
+      infoList: "", // 扫码 门店
+      list: [
+        // '/static/home/banner.png',
+        // '/static/home/banner.png',
+        // '/static/home/banner.png'
+      ],
+      info: [],
+      bgShow: false,
+      isShow_envVersion: true
+    }
+  },
+  onLoad() {
+
+    const token = uni.getStorageSync('token')
+    const userInfo = uni.getStorageSync('userinfo')
+    if (!token || !userInfo) {
+      // 跳转到登录页，不要返回的
+      uni.navigateTo({
+        url: '/pages/home/index'
+      })
+    }
+    this.isShow_envVersion = uni.getStorageSync('isShow_envVersion')
+    if (this.isShow_envVersion === false) {
+
+      this.getList();
+      // if (this.doctorList.length === 0) {
+      //   this.getList();
+      // }
+    }
+  },
+  created() {
+    const token = uni.getStorageSync('token')
+    const userInfo = uni.getStorageSync('userinfo')
+    if (!token || !userInfo) {
+      // 跳转到登录页，不要返回的
+      uni.navigateTo({
+        url: '/pages/home/index'
+      })
+    }
+
+  },
+  onReady() {
+    console.log(uni.getStorageSync('store_id'), '3')
+    if (uni.getStorageSync('store_id')) {
+      this.getStore();
+    } else {
+      this.goNewlist()
+    }
+    uni.setNavigationBarTitle({
+      title: this.headerTitle,
+      success() {
+      }
+    });
+    uni.setNavigationBarColor({
+      frontColor: '#000000', //前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
+    })
+  },
+  methods: {
+    goYard(type) {
+      //订阅消息
+
+      uni.navigateTo({
+        url: '/pages/Inquiries/Inquiries?type=' + type
+      })
+      // uni.requestSubscribeMessage({
+      // 	tmplIds: ['JdSs08cMSiL17xwwHZ8fZ5UBUqeY0eKAuvyW7n4Fl20',
+      // 		'OERMugiahk-aKRVH9GHmdJCRBE3yldzEKTzbMCJhY6U',
+      // 		'p-Ix0uIuwPKxm-_yKDlI8mkI-niUgPtaMUZyAaa5vvA'
+      // 	],
+      // 	complete: (res) => {
+      // 		// console.log(res, 'xxxxxxxxxxxx');
+      // 		uni.navigateTo({
+      // 			url: '/pages/Inquiries/Inquiries?type=' + 1
+      // 		})
+      // 	}
+      // })
+    },
+    // 线上复诊
+    golist(type) {
+      if (type === 3) {
+        return uni.navigateTo({
+          url: '/subPackages/product/product?doctor_id=' + 39 + '&register_type=3'
         })
       }
-      this.isShow_envVersion = uni.getStorageSync('isShow_envVersion')
-      if (this.isShow_envVersion === false) {
-
-        this.getList();
-        // if (this.doctorList.length === 0) {
-        //   this.getList();
-        // }
-      }
-		},
-		created() {
-			const token = uni.getStorageSync('token')
-			const userInfo = uni.getStorageSync('userinfo')
-      if (!token || !userInfo) {
-        // 跳转到登录页，不要返回的
-        uni.navigateTo({
-          url: '/pages/home/index'
-        })
-      }
-
-		},
-		onReady() {
-      console.log(uni.getStorageSync('store_id'), '3')
-			if (uni.getStorageSync('store_id')) {
-				this.getStore();
-			} else {
-				this.goNewlist()
-			}
-			uni.setNavigationBarTitle({
-				title: this.headerTitle,
-				success() {
-				}
-			});
-			uni.setNavigationBarColor({
-				frontColor: '#000000', //前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
-			})
-		},
-		methods: {
-			goYard(type) {
-				//订阅消息
-
-        uni.navigateTo({
-          url: '/pages/Inquiries/Inquiries?type=' + type
-        })
-        // uni.requestSubscribeMessage({
-				// 	tmplIds: ['JdSs08cMSiL17xwwHZ8fZ5UBUqeY0eKAuvyW7n4Fl20',
-				// 		'OERMugiahk-aKRVH9GHmdJCRBE3yldzEKTzbMCJhY6U',
-				// 		'p-Ix0uIuwPKxm-_yKDlI8mkI-niUgPtaMUZyAaa5vvA'
-				// 	],
-				// 	complete: (res) => {
-				// 		// console.log(res, 'xxxxxxxxxxxx');
-				// 		uni.navigateTo({
-				// 			url: '/pages/Inquiries/Inquiries?type=' + 1
-				// 		})
-				// 	}
-				// })
-			},
-			// 线上复诊
-			golist(type) {
-        if (type === 3) {
-          return uni.navigateTo({
-            url: '/subPackages/product/product?doctor_id=' + 39 + '&register_type=3'
+      uni.navigateTo({
+        // url: '/subPackages/product/product'
+        url: '/pages/Inquiries/Inquiries?type=' + type
+      })
+      // // 提醒用户正在开发
+      // uni.showToast({
+      //   title: '正在开发中',
+      //   icon: 'none',
+      //   duration: 2000
+      // })
+      // return;
+      // // this.bgShow = true
+      // let that = this
+      // if (!this.flag) {
+      // 	this.getH5()
+      // 	this.flag = true
+      // 	uni.showLoading({
+      // 		title: "加载中"
+      // 	});
+      //
+      // 	setTimeout(() => {
+      // 		uni.hideLoading();
+      // 		if (uni.getStorageSync('token_platform_id')) {
+      // 			uni.navigateTo({
+      // 				url: '/subPackages/my/my_online',
+      // 				success: () => {
+      // 					setTimeout(() => {
+      // 						that.flag = false;
+      // 					}, 200)
+      // 					uni.hideLoading();
+      // 				},
+      // 				fail: () => {
+      // 					setTimeout(() => {
+      // 						that.flag = false;
+      // 					}, 200)
+      // 					uni.hideLoading();
+      // 				}
+      // 			})
+      // 		}
+      // 	}, 600)
+      // }
+    },
+    getH5() {
+      // 进入token
+      getToken({
+        method: "post",
+        data: {
+          user_id: uni.getStorageSync('user_id'),
+          avatarurl: uni.getStorageSync('userinfo')['avatarurl'],
+          mobile: uni.getStorageSync('userinfo')['mobile'],
+          nickname: uni.getStorageSync('userinfo')['nickname'],
+          openid: uni.getStorageSync('userinfo')['openid'],
+          session_key: uni.getStorageSync('userinfo')['session_key'],
+          store_id: uni.getStorageSync('store_id') || '11001',
+        },
+      }).then((res) => {
+        if (res.data.errcode == 0) {
+          // uni.setStorageSync('platform_id', res.data.data.platform_id)
+          uni.setStorageSync('token_platform_id', res.data.data.token)
+        } else {
+          this.$refs.uToast.show({
+            title: res.data.msg,
+            type: 'default',
+            icon: false
           })
         }
-        uni.navigateTo({
-          // url: '/subPackages/product/product'
-          url: '/pages/Inquiries/Inquiries?type=' + type
+      })
+    },
+    tosearch() {
+      uni.navigateTo({
+        url: '/subPackages/shop/search-home'
+      })
+    },
+    toStore() {
+      uni.navigateTo({
+        url: '/subPackages/my/mystore'
+      })
+    },
+    goLookDoctor(id, sts_id) {
+      if (!sts_id) {
+        let sts_id = uni.getStorageSync('store_id')
+      }
+
+      setTimeout(() => {
+        //订阅消息
+        uni.requestSubscribeMessage({
+          tmplIds: ['JdSs08cMSiL17xwwHZ8fZ5UBUqeY0eKAuvyW7n4Fl20',
+            'OERMugiahk-aKRVH9GHmdJCRBE3yldzEKTzbMCJhY6U',
+            'p-Ix0uIuwPKxm-_yKDlI8mkI-niUgPtaMUZyAaa5vvA'
+          ],
+          complete: (res) => {
+            // console.log(res, 'xxxxxxxxxxxx');
+            uni.navigateTo({
+              url: '/subPackages/doctor/doctor-detail?store_id=' + sts_id +
+                  '&id=' + id
+            })
+          }
         })
-        // // 提醒用户正在开发
-        // uni.showToast({
-        //   title: '正在开发中',
-        //   icon: 'none',
-        //   duration: 2000
-        // })
-        // return;
-				// // this.bgShow = true
-				// let that = this
-				// if (!this.flag) {
-				// 	this.getH5()
-				// 	this.flag = true
-				// 	uni.showLoading({
-				// 		title: "加载中"
-				// 	});
-        //
-				// 	setTimeout(() => {
-				// 		uni.hideLoading();
-				// 		if (uni.getStorageSync('token_platform_id')) {
-				// 			uni.navigateTo({
-				// 				url: '/subPackages/my/my_online',
-				// 				success: () => {
-				// 					setTimeout(() => {
-				// 						that.flag = false;
-				// 					}, 200)
-				// 					uni.hideLoading();
-				// 				},
-				// 				fail: () => {
-				// 					setTimeout(() => {
-				// 						that.flag = false;
-				// 					}, 200)
-				// 					uni.hideLoading();
-				// 				}
-				// 			})
-				// 		}
-				// 	}, 600)
-				// }
-			},
-			getH5() {
-				// 进入token
-				getToken({
-					method: "post",
-					data: {
-						user_id: uni.getStorageSync('user_id'),
-						avatarurl: uni.getStorageSync('userinfo')['avatarurl'],
-						mobile: uni.getStorageSync('userinfo')['mobile'],
-						nickname: uni.getStorageSync('userinfo')['nickname'],
-						openid: uni.getStorageSync('userinfo')['openid'],
-						session_key: uni.getStorageSync('userinfo')['session_key'],
-						store_id: uni.getStorageSync('store_id') || '11001',
-					},
-				}).then((res) => {
-					if (res.data.errcode == 0) {
-						// uni.setStorageSync('platform_id', res.data.data.platform_id)
-						uni.setStorageSync('token_platform_id', res.data.data.token)
-					} else {
-						this.$refs.uToast.show({
-							title: res.data.msg,
-							type: 'default',
-							icon: false
-						})
-					}
-				})
-			},
-			tosearch() {
-				uni.navigateTo({
-					url: '/subPackages/shop/search-home'
-				})
-			},
-			toStore() {
-				uni.navigateTo({
-					url: '/subPackages/my/mystore'
-				})
-			},
-			goLookDoctor(id, sts_id) {
-				if (!sts_id) {
-					let sts_id = uni.getStorageSync('store_id')
-				}
+      }, 200)
+    },
 
-				setTimeout(() => {
-					//订阅消息
-					uni.requestSubscribeMessage({
-						tmplIds: ['JdSs08cMSiL17xwwHZ8fZ5UBUqeY0eKAuvyW7n4Fl20',
-							'OERMugiahk-aKRVH9GHmdJCRBE3yldzEKTzbMCJhY6U',
-							'p-Ix0uIuwPKxm-_yKDlI8mkI-niUgPtaMUZyAaa5vvA'
-						],
-						complete: (res) => {
-							// console.log(res, 'xxxxxxxxxxxx');
-							uni.navigateTo({
-								url: '/subPackages/doctor/doctor-detail?store_id=' + sts_id +
-									'&id=' + id
-							})
-						}
-					})
-				}, 200)
-			},
+    // 扫码
+    toSee() {
+      uni.scanCode({
+        success: function(res) {
+          // console.log('条码类型：' + res.scanType);
+          // console.log('条码内容：' + res.result);
+          uni.showToast({
+            title: '扫码成功',
+            duration: 2000,
+            icon: "success"
+          });
+        },
+      });
+    },
 
-			// 扫码
-			// toSee() {
-			// 	uni.scanCode({
-			// 		success: function(res) {
-			// 			// console.log('条码类型：' + res.scanType);
-			// 			// console.log('条码内容：' + res.result);
-			// 			uni.showToast({
-			// 				title: '扫码成功',
-			// 				duration: 2000,
-			// 				icon: "success"
-			// 			});
-			// 		},
-			// 	});
-			// },
-
-			// 门店
-			getStore() {
-				if (uni.getStorageSync('store_id')) {
-					this.show = false
-					storeInfo({
-						method: "post",
-						data: {
-							store_id: uni.getStorageSync('store_id') || '11001',
-						}
-					}).then((res) => {
-						// console.log(res, 'info');
-						if (res.data.errcode == 0) {
-              this.storeType = res.data.data.store['type']
-							this.infoList = res.data.data
-							this.headerTitle = res.data.data.store['name']
-							uni.setNavigationBarTitle({
-								title: this.headerTitle,
-								success() {
-								},
-								fail() {
-									this.getStore()
-								}
-							});
-							uni.setNavigationBarColor({
-								frontColor: '#000000', //前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
-							})
-							// this.getList();
-							this.getBannered();
-						}
-					})
-				} else {
-          console.log(uni.getStorageSync('store_id'))
-					this.goNewlist()
-				}
-			},
-
-      /**
-       * 获取绑定的用户诊所，选择最后登录的
-       */
-			goNewlist() {
-				storeList({
-					method: "post",
-					data: {
-						store_id: uni.getStorageSync('store_id') || '11001',
-					}
-				}).then((res) => {
-					// console.log(res, 'list');
-					if (res.data.errcode == 0) {
-						this.show = res.data.data.open_issue
-						this.showed = this.show
-						if (this.isShow_envVersion) {
-							this.shopList = res.data.data.list
-							this.getBannered();
-						} else {
-							this.storeinfo = res.data.data.list.filter((item) => item.is_online == 1)
-              console.log(this.storeinfo, 'storeinfo')
-							uni.setStorageSync('store_id', this.storeinfo[0].store.id)
-							this.headerTitle = this.storeinfo[0].store['name']
-              // this.storeType = this.storeinfo[0].store['type']
-							uni.setNavigationBarTitle({
-								title: this.headerTitle,
-								success() {
-								}
-							});
-							uni.setNavigationBarColor({
-								frontColor: '#000000', //前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
-							})
-							// this.getList();
-							this.getBannered();
-						}
-
-					} else {
-						// uni.removeStorageSync('token')
-						if (this.isShow_envVersion) {
-							uni.navigateTo({
-								url: '/pages/home/index'
-							})
-						} else {
-              uni.navigateTo({
-                url: '/pages/home/index'
-              })
-						}
-					}
-				})
-
-			},
-
-			goList(id) {
-				uni.navigateTo({
-					url: '/pages/home/index-list?type=' + 1 + '&id?=' + id
-				})
-			},
-
-			// 医生列表
-			getList() {
-        this.doctorList = [];
-        doctorList({
+    // 门店
+    getStore() {
+      if (uni.getStorageSync('store_id')) {
+        this.show = false
+        storeInfo({
           method: "post",
           data: {
             store_id: uni.getStorageSync('store_id') || '11001',
           }
         }).then((res) => {
-          // console.log(res, 'list');
-          if (res.data.errcode === 0) {
-            this.doctorList = (res.data.data.list).slice(0, 5)
+          // console.log(res, 'info');
+          if (res.data.errcode == 0) {
+            this.storeType = res.data.data.store['type']
+            this.infoList = res.data.data
+            this.headerTitle = res.data.data.store['name']
+            uni.setNavigationBarTitle({
+              title: this.headerTitle,
+              success() {
+              },
+              fail() {
+                this.getStore()
+              }
+            });
+            uni.setNavigationBarColor({
+              frontColor: '#000000', //前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
+            })
+            // this.getList();
+            this.getBannered();
           }
         })
-			},
+      } else {
+        console.log(uni.getStorageSync('store_id'))
+        this.goNewlist()
+      }
+    },
 
-			// 切换门店
-			toChang(e) {
-				// console.log(e, 'id');
-				storeChange({
-					method: "post",
-					data: {
-						store_id: e
-					}
-				}).then((res) => {
-					if (res.data.errcode == 0) {
-						this.getStore()
-            this.getList();
-						// uni.showToast({
-						// 	title: '切换成功',
-						// 	duration: 2000,
-						// 	icon: "success"
-						// });
-					}
-				})
-			},
+    /**
+     * 获取绑定的用户诊所，选择最后登录的
+     */
+    goNewlist() {
+      storeList({
+        method: "post",
+        data: {
+          store_id: uni.getStorageSync('store_id') || '11001',
+        }
+      }).then((res) => {
+        // console.log(res, 'list');
+        if (res.data.errcode == 0) {
+          this.show = res.data.data.open_issue
+          this.showed = this.show
+          if (this.isShow_envVersion) {
+            this.shopList = res.data.data.list
+            this.getBannered();
+          } else {
+            this.storeinfo = res.data.data.list.filter((item) => item.is_online == 1)
+            console.log(this.storeinfo, 'storeinfo')
+            uni.setStorageSync('store_id', this.storeinfo[0].store.id)
+            this.headerTitle = this.storeinfo[0].store['name']
+            // this.storeType = this.storeinfo[0].store['type']
+            uni.setNavigationBarTitle({
+              title: this.headerTitle,
+              success() {
+              }
+            });
+            uni.setNavigationBarColor({
+              frontColor: '#000000', //前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
+            })
+            // this.getList();
+            this.getBannered();
+          }
 
-			// 门店详情--轮播图
-			getBannered() {
-				getBanner({
-					method: "post",
-					data: {
-						store_id: uni.getStorageSync('store_id') || '11001',
-					}
-				}).then((res) => {
-					console.log(res, 'info');
-					if (res.data.errcode == 0) {
-						this.info = res.data.data
-						this.urlInfo = res.data.data.nav
-						this.storeType = res.data.data.type
-            console.log(this.storeType)
-						this.list = (res.data.data.nav).map((item) => {
-							return item.pic
-						})
-					}
-				})
-			},
-			toBanner(e) {
-				if (!this.urlInfo[e].external_link) {
-					return
-				}
-				if (this.urlInfo[e].link_type == 1 && isShow_envVersion == false) {
-					// 内部
-					uni.navigateTo({
-						url: this.urlInfo[e].external_link,
-						success() {
-							// console.log(this.urlInfo[e].external_link, 'aaaaaaaaaa');
-						}
-					})
-				} else {
-					// link_type==2 外部
-					uni.navigateTo({
-						url: '/pages/home/home-banner?id=' + this.urlInfo[e].external_link,
-						success() {
-							// console.log(this.urlInfo[e].external_link, 'aaaaaaaaaa');
-						}
-					})
-				}
-			}
-		},
-		mounted() {
+        } else {
+          // uni.removeStorageSync('token')
+          if (this.isShow_envVersion) {
+            uni.navigateTo({
+              url: '/pages/home/index'
+            })
+          } else {
+            uni.navigateTo({
+              url: '/pages/home/index'
+            })
+          }
+        }
+      })
 
-      console.log('加载js')
-			const token = uni.getStorageSync('token')
-			const id = uni.getStorageSync('store_id')
-			const d_id = uni.getStorageSync('doctors_id')
-			const d_store = uni.getStorageSync('st_id')
-			if (token && id) {
-        console.log(id, 'ssssss')
-				this.toChang(id)
-			}
-			if (d_id && token && d_store) {
-				this.goLookDoctor(d_id, d_store)
-			}
-		},
-		onShow() {
+    },
 
-      console.log('显示')
-      this.storeId = uni.getStorageSync('store_id');
-			this.infoList = ""
-			// this.goNewlist()
-      // 获取门店信息
-      this.getStore();
-      // 获取医生列表
-      this.getList();
-		},
-		// onUnload() {
+    goList(id) {
+      uni.navigateTo({
+        url: '/pages/home/index-list?type=' + 1 + '&id?=' + id
+      })
+    },
 
-		// 	this.infoList = ""
-		// }
-	}
+    // 医生列表
+    getList() {
+      this.doctorList = [];
+      doctorList({
+        method: "post",
+        data: {
+          store_id: uni.getStorageSync('store_id') || '11001',
+        }
+      }).then((res) => {
+        if (res.data.errcode === 0) {
+          this.doctorList = (res.data.data.list).slice(0, 5)
+        }
+      })
+    },
+
+    // 切换门店
+    toChang(e) {
+      // console.log(e, 'id');
+      storeChange({
+        method: "post",
+        data: {
+          store_id: e
+        }
+      }).then((res) => {
+        if (res.data.errcode == 0) {
+          this.getStore()
+          this.getList();
+          // uni.showToast({
+          // 	title: '切换成功',
+          // 	duration: 2000,
+          // 	icon: "success"
+          // });
+        }
+      })
+    },
+
+    // 门店详情--轮播图
+    getBannered() {
+      getBanner({
+        method: "post",
+        data: {
+          store_id: uni.getStorageSync('store_id') || '11001',
+        }
+      }).then((res) => {
+        console.log(res, 'info');
+        if (res.data.errcode == 0) {
+          this.info = res.data.data
+          this.urlInfo = res.data.data.nav
+          this.storeType = res.data.data.type
+          console.log(this.storeType)
+          this.list = (res.data.data.nav).map((item) => {
+            return item.pic
+          })
+        }
+      })
+    },
+    toBanner(e) {
+      if (!this.urlInfo[e].external_link) {
+        return
+      }
+      if (this.urlInfo[e].link_type == 1 && this.isShow_envVersion == false) {
+        // 内部
+        uni.navigateTo({
+          url: this.urlInfo[e].external_link,
+          success() {
+            // console.log(this.urlInfo[e].external_link, 'aaaaaaaaaa');
+          }
+        })
+      } else {
+        // link_type==2 外部
+        uni.navigateTo({
+          url: '/pages/home/home-banner?id=' + this.urlInfo[e].external_link,
+          success() {
+            // console.log(this.urlInfo[e].external_link, 'aaaaaaaaaa');
+          }
+        })
+      }
+    },
+
+    getProductList() {
+      getStoreDrugListBySalespersonApi({
+        store_id: uni.getStorageSync('store_id') || '11001',
+        page: 1,
+        limit: 5  // 首页只展示5个产品
+      }).then((res) => {
+        if (res.data.code == 0) {
+          this.productList = res.data.result.records;
+        }
+      })
+    },
+
+    goProductDetail(item) {
+      uni.navigateTo({
+        url: `/subPackages/product/symptoms?id=${item.drug.id}&drug_name=${item.drug.drug_name}&is_otc=${item.drug.is_otc}&image=${item.drug.image}&price=${item.price}`
+      });
+    },
+
+    buyProduct(item) {
+      uni.navigateTo({
+        url: `/subPackages/product/product?doctor_id=39&register_type=3`
+      });
+    }
+  },
+  mounted() {
+
+    console.log('加载js')
+    const token = uni.getStorageSync('token')
+    const id = uni.getStorageSync('store_id')
+    const d_id = uni.getStorageSync('doctors_id')
+    const d_store = uni.getStorageSync('st_id')
+    if (token && id) {
+      console.log(id, 'ssssss')
+      this.toChang(id)
+    }
+    if (d_id && token && d_store) {
+      this.goLookDoctor(d_id, d_store)
+    }
+  },
+  onShow() {
+    console.log('显示')
+    this.storeId = uni.getStorageSync('store_id');
+    this.infoList = ""
+    this.getStore();
+    this.getList();
+    this.getProductList();
+  },
+}
 </script>
 
 <style lang="scss" scoped>
-	.content {
-		background-color: #fff;
-		width: 750rpx;
-		max-height: 100%;
-		min-height: 100vh;
-		padding-bottom: env(safe-area-inset-bottom);
-		position: relative;
+.content {
+  background-color: #fff;
+  width: 750rpx;
+  max-height: 100%;
+  min-height: 100vh;
+  padding-bottom: env(safe-area-inset-bottom);
+  position: relative;
 
-		.bg- {
-			min-width: 100vw;
-			min-height: 100vh;
-			background: rgba(0, 0, 0, 0.46);
-			text-align: center;
-			position: absolute;
-			left: 0;
-			top: 0;
+  .bg- {
+    min-width: 100vw;
+    min-height: 100vh;
+    background: rgba(0, 0, 0, 0.46);
+    text-align: center;
+    position: absolute;
+    left: 0;
+    top: 0;
 
-			image {
-				width: 510rpx;
-				height: 621rpx;
-				vertical-align: middle;
-				margin: 200rpx auto 0;
-			}
-		}
+    image {
+      width: 510rpx;
+      height: 621rpx;
+      vertical-align: middle;
+      margin: 200rpx auto 0;
+    }
+  }
 
-		.head {
-			width: 750rpx;
-			height: 390rpx;
-			padding: 20rpx;
-			background: linear-gradient(180deg, #298DFF 0%, #9ECBFF 70%, #FFFFFF 100%);
+  .head {
+    width: 750rpx;
+    height: 390rpx;
+    padding: 20rpx;
+    background: linear-gradient(180deg, #298DFF 0%, #9ECBFF 70%, #FFFFFF 100%);
 
-			.search {
-				width: 710rpx;
-				margin: 20rpx auto 0;
-			}
+    .search {
+      width: 710rpx;
+      margin: 20rpx auto 0;
+    }
 
-			.store {
-				width: 700rpx;
-				height: 78rpx;
-				line-height: 78rpx;
-				font-size: 28rpx;
-				font-family: PingFang SC-Bold, PingFang SC;
-				font-weight: bold;
-				color: #FFFFFF;
-				margin: 0rpx auto 0rpx;
+    .store {
+      width: 700rpx;
+      height: 78rpx;
+      line-height: 78rpx;
+      font-size: 28rpx;
+      font-family: PingFang SC-Bold, PingFang SC;
+      font-weight: bold;
+      color: #FFFFFF;
+      margin: 0rpx auto 0rpx;
 
-				.iconfont {
-					font-size: 27rpx;
-					color: #fff;
-					margin-left: 16rpx;
-				}
-			}
-
-			.area {
-				width: 700rpx;
-				height: 64rpx;
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				margin: 0rpx auto;
-
-				.place {
-					font-size: 26rpx;
-					font-family: PingFang SC-Regular, PingFang SC;
-					font-weight: 500;
-					color: #FFFFFF;
-
-					.iconfont {
-						font-size: 25rpx;
-						color: #FFFFFF;
-						margin-right: 10rpx;
-					}
-				}
-			}
-		}
-
-		.section {
-			width: 710rpx;
-			margin: -180rpx auto 30rpx;
-			height: 300rpx;
-
-			.banner {
-				width: 100%;
-				height: 100%;
-			}
-		}
-
-		.nav {
-			width: 710rpx;
-			background: #FFFFFF;
-			border-radius: 15rpx;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			margin: 30rpx auto;
-
-			.nav_service {
-				width: 348rpx;
-				height: 178rpx;
-				display: flex;
-				align-items: center;
-				justify-content: space-around;
-				background: url('/static/home/bg01.png') no-repeat;
-				background-size: 100% 100%;
-        border-radius: 24rpx;
-
-				.nav_service_img {
-					width: 116rpx;
-					height: 116rpx;
-					vertical-align: middle;
-
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-
-				.nav_service_title {
-					font-size: 40rpx;
-					font-family: PingFang SC-Heavy, PingFang SC;
-					font-weight: 800;
-					color: #FFFFFF;
-				}
-			}
-
-			.nav_service:last-child {
-				background: url('/static/home/bg02.png') no-repeat;
-				background-size: 100% 100%;
-			}
-		}
-
-		.doctor_list {
-			width: 710rpx;
-			font-size: 36rpx;
-			font-family: PingFang SC-Bold, PingFang SC;
-			font-weight: bold;
-			color: #232323;
-			margin: 44rpx auto 24rpx;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-
-			.info {
-				font-size: 28rpx;
-				font-weight: 500;
-				color: #666666;
-			}
-		}
-
-    /* 医生卡片样式 */
-    .doctor-card {
-      background: #FFFFFF;
-      border-radius: 16rpx;
-      box-shadow: 0 4rpx 12rpx rgba(65, 117, 238, 0.08);
-      margin-bottom: 24rpx;
-      overflow: hidden;
-      transition: all 0.25s ease;
-
-      &:active {
-        transform: translateY(2rpx);
-        box-shadow: 0 2rpx 6rpx rgba(65, 117, 238, 0.1);
+      .iconfont {
+        font-size: 27rpx;
+        color: #fff;
+        margin-left: 16rpx;
       }
     }
 
-    .card-content {
+    .area {
+      width: 700rpx;
+      height: 64rpx;
       display: flex;
-      padding: 24rpx;
-    }
+      justify-content: space-between;
+      align-items: center;
+      margin: 0rpx auto;
 
-    .doctor-avatar {
-      width: 100rpx;
-      height: 100rpx;
-      border-radius: 50%;
-      border: 2rpx solid #f0f5ff;
-      flex-shrink: 0;
-      margin-right: 20rpx;
-    }
+      .place {
+        font-size: 26rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        font-weight: 500;
+        color: #FFFFFF;
 
-    .doctor-info {
-      flex: 1;
-      min-width: 0;
+        .iconfont {
+          font-size: 25rpx;
+          color: #FFFFFF;
+          margin-right: 10rpx;
+        }
+      }
     }
+  }
 
-    .name-section {
+  .section {
+    width: 710rpx;
+    margin: -180rpx auto 30rpx;
+    height: 300rpx;
+
+    .banner {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .nav {
+    width: 710rpx;
+    background: #FFFFFF;
+    border-radius: 15rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 30rpx auto;
+
+    .nav_service {
+      width: 348rpx;
+      height: 178rpx;
       display: flex;
       align-items: center;
-      margin-bottom: 12rpx;
+      justify-content: space-around;
+      background: url('/static/home/bg01.png') no-repeat;
+      background-size: 100% 100%;
+      border-radius: 24rpx;
+
+      .nav_service_img {
+        width: 116rpx;
+        height: 116rpx;
+        vertical-align: middle;
+
+        image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .nav_service_title {
+        font-size: 40rpx;
+        font-family: PingFang SC-Heavy, PingFang SC;
+        font-weight: 800;
+        color: #FFFFFF;
+      }
     }
 
-    .doctor-name {
-      font-size: 32rpx;
-      font-weight: bold;
-      color: #232323;
-      margin-right: 16rpx;
+    .nav_service:last-child {
+      background: url('/static/home/bg02.png') no-repeat;
+      background-size: 100% 100%;
+    }
+  }
+
+  .doctor_list {
+    width: 710rpx;
+    font-size: 36rpx;
+    font-family: PingFang SC-Bold, PingFang SC;
+    font-weight: bold;
+    color: #232323;
+    margin: 44rpx auto 24rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .info {
+      font-size: 28rpx;
+      font-weight: 500;
+      color: #666666;
+    }
+  }
+
+  /* 医生卡片样式 */
+  .doctor-card {
+    background: #FFFFFF;
+    border-radius: 16rpx;
+    box-shadow: 0 4rpx 12rpx rgba(65, 117, 238, 0.08);
+    margin-bottom: 24rpx;
+    overflow: hidden;
+    transition: all 0.25s ease;
+
+    &:active {
+      transform: translateY(2rpx);
+      box-shadow: 0 2rpx 6rpx rgba(65, 117, 238, 0.1);
+    }
+  }
+
+  .card-content {
+    display: flex;
+    padding: 24rpx;
+  }
+
+  .doctor-avatar {
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%;
+    border: 2rpx solid #f0f5ff;
+    flex-shrink: 0;
+    margin-right: 20rpx;
+  }
+
+  .doctor-info {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .name-section {
+    display: flex;
+    align-items: center;
+    margin-bottom: 12rpx;
+  }
+
+  .doctor-name {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #232323;
+    margin-right: 16rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .title-badge {
+    font-size: 22rpx;
+    color: #4175EE;
+    background: #eef4ff;
+    border-radius: 8rpx;
+    padding: 4rpx 12rpx;
+    flex-shrink: 0;
+  }
+
+  .department-section {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16rpx;
+
+    .iconfont {
+      font-size: 24rpx;
+      color: #888;
+      margin-right: 6rpx;
+    }
+
+    .department {
+      font-size: 24rpx;
+      color: #666;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
+  }
 
-    .title-badge {
-      font-size: 22rpx;
-      color: #4175EE;
-      background: #eef4ff;
-      border-radius: 8rpx;
-      padding: 4rpx 12rpx;
+  .expertise {
+    display: flex;
+    font-size: 26rpx;
+    color: #444;
+    line-height: 1.4;
+    margin-bottom: 16rpx;
+
+    .expertise-label {
+      color: #666;
       flex-shrink: 0;
     }
 
-    .department-section {
-      display: flex;
-      align-items: center;
-      margin-bottom: 16rpx;
+    .expertise-content {
+      flex: 1;
+      min-width: 0;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
 
-      .iconfont {
-        font-size: 24rpx;
-        color: #888;
-        margin-right: 6rpx;
+  .stats {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-top: 12rpx;
+    border-top: 1rpx dashed #e0e7ff;
+  }
+
+  .stat-item {
+    flex: 1;
+    text-align: center;
+  }
+
+  .stat-value {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #4175EE;
+    display: block;
+    line-height: 1.2;
+  }
+
+  .stat-label {
+    font-size: 24rpx;
+    color: #888;
+    display: block;
+  }
+
+  .consult-btn {
+    background: #4175EE;
+    color: white;
+    border-radius: 40rpx;
+    padding: 10rpx 24rpx;
+    font-size: 26rpx;
+    display: flex;
+    align-items: center;
+
+    .iconfont {
+      font-size: 24rpx;
+      margin-right: 6rpx;
+    }
+
+    &:active {
+      background: #3366d1;
+    }
+  }
+
+
+  .lists {
+    width: 710rpx;
+    background: linear-gradient(180deg, #E2F1FF 0%, #FBFDFF 54%, #FFFFFF 100%);
+    border-radius: 24rpx;
+    padding: 30rpx;
+    margin: 32rpx auto 52rpx;
+    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
+
+    .list_left {
+      display: flex;
+      justify-content: space-around;
+      margin-bottom: 22rpx;
+
+      image {
+        width: 200rpx;
+        height: 200rpx;
+        margin-right: 20rpx;
       }
 
-      .department {
-        font-size: 24rpx;
-        color: #666;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+      .it {
+        width: 450rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+
+        .it_name {
+          height: 80rpx;
+          font-size: 28rpx;
+          font-weight: bold;
+          color: #232323;
+        }
+
+        .it_info {
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
+          text-overflow: ellipsis;
+          overflow: hidden;
+
+          font-size: 24rpx;
+          font-weight: 400;
+          color: #999999;
+          margin: 12rpx 0 34rpx 0;
+        }
+
+        .it_price {
+          display: flex;
+          align-items: center;
+
+          .picture {
+            width: 140rpx;
+            height: 60rpx;
+            line-height: 58rpx;
+            text-align: center;
+            border-radius: 4rpx 4rpx 4rpx 4rpx;
+            border: 2rpx solid #4175EE;
+            font-size: 24rpx;
+            font-family: PingFang SC-Bold, PingFang SC;
+            font-weight: bold;
+            color: #4175EE;
+            margin: 0 30rpx 0 0;
+          }
+        }
       }
     }
 
-    .expertise {
-      display: flex;
-      font-size: 26rpx;
-      color: #444;
-      line-height: 1.4;
-      margin-bottom: 16rpx;
+    .card {
 
-      .expertise-label {
-        color: #666;
-        flex-shrink: 0;
+      .list_nums {
+        height: 34rpx;
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        font-weight: 500;
+        color: #666666;
+        margin: 18rpx 0 24rpx;
+        display: flex;
+        align-items: center;
+
+        .txt {
+          margin-right: 30rpx;
+
+          text {
+            font-size: 28rpx;
+            color: #FEA54C;
+            margin: 0 10rpx;
+          }
+        }
       }
 
-      .expertise-content {
-        flex: 1;
-        min-width: 0;
+      .list_going {
+        font-size: 24rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #232323;
+        line-height: 44rpx;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
-        overflow: hidden;
         text-overflow: ellipsis;
-      }
-    }
-
-    .stats {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding-top: 12rpx;
-      border-top: 1rpx dashed #e0e7ff;
-    }
-
-    .stat-item {
-      flex: 1;
-      text-align: center;
-    }
-
-    .stat-value {
-      font-size: 32rpx;
-      font-weight: bold;
-      color: #4175EE;
-      display: block;
-      line-height: 1.2;
-    }
-
-    .stat-label {
-      font-size: 24rpx;
-      color: #888;
-      display: block;
-    }
-
-    .consult-btn {
-      background: #4175EE;
-      color: white;
-      border-radius: 40rpx;
-      padding: 10rpx 24rpx;
-      font-size: 26rpx;
-      display: flex;
-      align-items: center;
-
-      .iconfont {
-        font-size: 24rpx;
-        margin-right: 6rpx;
+        overflow: hidden;
+        margin: 16rpx auto;
       }
 
-      &:active {
-        background: #3366d1;
+      .list_price {
+        display: flex;
+        align-items: center;
+
+        .picture {
+          width: 140rpx;
+          height: 60rpx;
+          line-height: 58rpx;
+          text-align: center;
+          border-radius: 4rpx 4rpx 4rpx 4rpx;
+          border: 2rpx solid #4175EE;
+          font-size: 24rpx;
+          font-family: PingFang SC-Bold, PingFang SC;
+          font-weight: bold;
+          color: #4175EE;
+          margin: 0 30rpx 0 0;
+        }
       }
     }
-
-
-		.lists {
-			width: 710rpx;
-			background: linear-gradient(180deg, #E2F1FF 0%, #FBFDFF 54%, #FFFFFF 100%);
-			border-radius: 24rpx;
-			padding: 30rpx;
-			margin: 32rpx auto 52rpx;
-			box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
-
-			.list_left {
-				display: flex;
-				justify-content: space-around;
-				margin-bottom: 22rpx;
-
-				image {
-					width: 200rpx;
-					height: 200rpx;
-					margin-right: 20rpx;
-				}
-
-				.it {
-					width: 450rpx;
-					font-family: PingFang SC-Regular, PingFang SC;
-
-					.it_name {
-						height: 80rpx;
-						font-size: 28rpx;
-						font-weight: bold;
-						color: #232323;
-					}
-
-					.it_info {
-						display: -webkit-box;
-						-webkit-line-clamp: 1;
-						-webkit-box-orient: vertical;
-						text-overflow: ellipsis;
-						overflow: hidden;
-
-						font-size: 24rpx;
-						font-weight: 400;
-						color: #999999;
-						margin: 12rpx 0 34rpx 0;
-					}
-
-					.it_price {
-						display: flex;
-						justify-content: space-between;
-						align-items: center;
-
-						text {
-							font-size: 28rpx;
-							font-weight: bold;
-							color: #232323;
-						}
-
-						.num {
-							font-size: 28rpx;
-							font-weight: 400;
-							color: #232323;
-						}
-					}
-				}
-			}
-
-			.card {
-
-				.list_nums {
-					height: 34rpx;
-					font-size: 28rpx;
-					font-family: PingFang SC-Regular, PingFang SC;
-					font-weight: 500;
-					color: #666666;
-					margin: 18rpx 0 24rpx;
-					display: flex;
-					align-items: center;
-
-					.txt {
-						margin-right: 30rpx;
-
-						text {
-							font-size: 28rpx;
-							color: #FEA54C;
-							margin: 0 10rpx;
-						}
-					}
-				}
-
-				.list_going {
-					font-size: 24rpx;
-					font-family: PingFang SC-Regular, PingFang SC;
-					font-weight: 400;
-					color: #232323;
-					line-height: 44rpx;
-					display: -webkit-box;
-					-webkit-line-clamp: 2;
-					-webkit-box-orient: vertical;
-					text-overflow: ellipsis;
-					overflow: hidden;
-					margin: 16rpx auto;
-				}
-
-				.list_price {
-					display: flex;
-					align-items: center;
-
-					.picture {
-						width: 140rpx;
-						height: 60rpx;
-						line-height: 58rpx;
-						text-align: center;
-						border-radius: 4rpx 4rpx 4rpx 4rpx;
-						border: 2rpx solid #4175EE;
-						font-size: 24rpx;
-						font-family: PingFang SC-Bold, PingFang SC;
-						font-weight: bold;
-						color: #4175EE;
-						margin: 0 30rpx 0 0;
-					}
-				}
-			}
-		}
-	}
+  }
+}
 </style>
diff --git a/subPackages/product/product.vue b/subPackages/product/product.vue
index 9f579b0..f0b0881 100644
--- a/subPackages/product/product.vue
+++ b/subPackages/product/product.vue
@@ -27,33 +27,30 @@
           :key="item.id"
           class="list-item"
           @click="handClickProduct(item)"
-          :style="index % 2 === 0 ? 'background-color: #f9faff;' : ''"
       >
         <image
             class="item-image"
             :src="item.drug.image"
             mode="aspectFill"
             lazy-load
-            style="width: 200rpx; height: 200rpx; border-radius: 12rpx;"
         />
         <view class="item-content">
           <view class="item-title">{{ item.drug.drug_name }}</view>
           <view class="item-spec">
-            <text class="spec-label">功效：</text>
+            <text class="spec-label">功效</text>
             <text class="spec-value">{{ item.drug.function }}</text>
           </view>
           <view class="item-spec">
-            <text class="spec-label">规格：</text>
+            <text class="spec-label">规格</text>
             <text class="spec-value">{{ item.drug.specification }}</text>
           </view>
           <view class="item-bottom">
             <view class="price-section">
-              <text class="price-tag">¥{{ item.drug.drug_store_drug.price }}</text>
-              <text class="stock-tag">库存：999盒</text>
+              <text class="price-tag">¥{{ item.price }}</text>
+              <text class="stock-tag">库存充足</text>
             </view>
-            <!-- 简洁的购物车图标按钮 -->
             <view class="cart-icon-btn" @click.stop="showCartPopup(item)">
-              <u-icon name="shopping-cart" color="#4A90E2" size="36"></u-icon>
+              <u-icon name="shopping-cart" color="#ffffff" size="40"></u-icon>
             </view>
           </view>
         </view>
@@ -70,7 +67,7 @@
         @click="goToCart"
     >
       <u-badge :count="cartCount" :max="99" type="error" class="cart-badge" v-if="cartCount > 0"></u-badge>
-      <u-icon name="shopping-cart" color="#ffffff" size="32"></u-icon>
+      <u-icon name="shopping-cart" color="#ffffff" size="36"></u-icon>
     </view>
 
     <!-- 购物车弹窗 -->
@@ -120,8 +117,8 @@
 </template>
 
 <script>
-import { getStoreDrugListBySalespersonApi} from "@/request/api/product";
-import {getCartCountsApi, saveCartApi} from "@/request/api/cart";
+import { getStoreDrugListBySalespersonApi } from "@/request/api/product";
+import { getCartCountsApi, saveCartApi } from "@/request/api/cart";
 
 export default {
   data() {
@@ -132,7 +129,6 @@ export default {
       scrollViewHeight: 0,
       doctorId: 0,
       r_type: 0,
-      // 购物车相关数据
       cartCount: 0,
       cartPosition: {
         x: 0,
@@ -143,14 +139,12 @@ export default {
         startY: 0,
         moving: false
       },
-      // 弹窗相关数据
       showPopup: false,
       currentProduct: {},
       quantity: 1
     };
   },
   computed: {
-    // 计算属性来处理可能为空的属性
     getProductImage() {
       return this.currentProduct.drug && this.currentProduct.drug.image ? this.currentProduct.drug.image : '';
     },
@@ -164,7 +158,6 @@ export default {
   onLoad(e) {
     this.doctorId = e.doctor_id;
     this.r_type = e.register_type;
-    console.log(e, 'e');
   },
   methods: {
     getList() {
@@ -199,25 +192,18 @@ export default {
         url: `/subPackages/product/symptoms?id=${item.drug.id}&drug_name=${item.drug.drug_name}&is_otc=${item.drug.is_otc}&image=${item.drug.image}&price=${item.price}`
       });
     },
-
-    // 购物车相关方法
-    // 初始化购物车位置
     initCartPosition() {
       const systemInfo = uni.getSystemInfoSync();
       this.cartPosition = {
-        x: systemInfo.windowWidth - 80, // 距离右侧80px
-        y: systemInfo.windowHeight - 200 // 距离底部200px
+        x: systemInfo.windowWidth - 80,
+        y: systemInfo.windowHeight - 200
       };
     },
-
-    // 触摸开始
     onTouchStart(e) {
       this.cartMove.startX = e.touches[0].clientX;
       this.cartMove.startY = e.touches[0].clientY;
       this.cartMove.moving = false;
     },
-
-    // 触摸移动
     onTouchMove(e) {
       this.cartMove.moving = true;
       const moveX = e.touches[0].clientX - this.cartMove.startX;
@@ -229,8 +215,6 @@ export default {
       this.cartMove.startX = e.touches[0].clientX;
       this.cartMove.startY = e.touches[0].clientY;
     },
-
-    // 触摸结束
     onTouchEnd() {
       if (!this.cartMove.moving) return;
 
@@ -238,19 +222,16 @@ export default {
       const screenWidth = systemInfo.windowWidth;
       const screenHeight = systemInfo.windowHeight;
 
-      // 边界检测
       let finalX = this.cartPosition.x;
       let finalY = this.cartPosition.y;
 
-      // 限制在屏幕范围内
       finalX = Math.max(10, Math.min(finalX, screenWidth - 70));
       finalY = Math.max(10, Math.min(finalY, screenHeight - 70));
 
-      // 自动吸附到左侧或右侧
       if (finalX < screenWidth / 2) {
-        finalX = 20; // 吸附到左侧
+        finalX = 20;
       } else {
-        finalX = screenWidth - 70; // 吸附到右侧
+        finalX = screenWidth - 70;
       }
 
       this.cartPosition = {
@@ -258,58 +239,38 @@ export default {
         y: finalY
       };
     },
-
-    // 跳转到购物车页面
     goToCart() {
       uni.navigateTo({
         url: '/subPackages/shop/shop-cate'
       });
     },
-
-    // 显示购物车弹窗
     showCartPopup(item) {
       this.currentProduct = item;
       this.quantity = 1;
       this.showPopup = true;
     },
-
-    // 关闭弹窗
     closePopup() {
       this.showPopup = false;
     },
-
-    // 数量变化
     quantityChange(value) {
-      console.log('数量变化:', value);
+      console.log('[v0] 数量变化:', value);
     },
-
-    // 确认加入购物车
     confirmAddToCart() {
       try {
-        // 获取当前购物车数据
         let cart = uni.getStorageSync('cart') || [];
 
-        // 确保cart是数组
         if (!Array.isArray(cart)) {
           cart = [];
         }
 
-        // 查找商品是否已在购物车中
-        const existingItem = cart.find(cartItem => cartItem.id === this.currentProduct.drug.id);
-
         saveCartApi({
-          store_id: uni.getStorageSync('store_id')|| '11001',
+          store_id: uni.getStorageSync('store_id') || '11001',
           drug_id: this.currentProduct.drug.id,
           quantity: this.quantity
         }).then(() => {
-
-          // 更新购物车数量
           this.updateCartCount();
-
-          // 关闭弹窗
           this.closePopup();
 
-          // 显示成功提示
           uni.showToast({
             title: `已加入${this.quantity}件商品`,
             icon: 'success',
@@ -318,7 +279,7 @@ export default {
         })
 
       } catch (error) {
-        console.error('加入购物车失败:', error);
+        console.error('[v0] 加入购物车失败:', error);
         uni.showToast({
           title: '加入购物车失败',
           icon: 'none',
@@ -326,8 +287,6 @@ export default {
         });
       }
     },
-
-    // 更新购物车数量
     updateCartCount() {
       let that = this;
       getCartCountsApi({
@@ -345,7 +304,7 @@ export default {
     this.getList();
     this.calculateScrollViewHeight();
     this.initCartPosition();
-    this.updateCartCount(); // 更新购物车数量
+    this.updateCartCount();
   },
   onReady() {
     uni.onWindowResize(() => {
@@ -353,7 +312,6 @@ export default {
       this.initCartPosition();
     });
   },
-  // 添加页面加载时的购物车初始化
   mounted() {
     this.updateCartCount();
   }
@@ -363,7 +321,7 @@ export default {
 <style lang="scss" scoped>
 .container {
   padding: 20rpx;
-  background: #f0f5ff;
+  background: linear-gradient(180deg, #f0f5ff 0%, #ffffff 100%);
   min-height: 100vh;
   box-sizing: border-box;
   position: relative;
@@ -372,34 +330,55 @@ export default {
 .search-section {
   padding: 20rpx;
   background: #ffffff;
-  border-radius: 16rpx;
-  box-shadow: 0 4rpx 12rpx rgba(74,144,226,0.1);
+  border-radius: 20rpx;
+  box-shadow: 0 6rpx 24rpx rgba(74,144,226,0.15);
+  margin-bottom: 24rpx;
 }
 
 .list-section {
-  padding-top: 20rpx;
+  padding-top: 10rpx;
 }
 
 .list-item {
   display: flex;
-  padding: 24rpx;
-  margin-bottom: 20rpx;
-  border-radius: 16rpx;
-  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
-  transition: all 0.2s ease;
-  background-color: #ffffff;
+  padding: 28rpx;
+  margin-bottom: 24rpx;
+  border-radius: 20rpx;
+  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
+  box-shadow: 0 6rpx 20rpx rgba(65, 117, 238, 0.12);
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4rpx;
+    background: linear-gradient(90deg, #4A90E2, #5B8FF9);
+    opacity: 0;
+    transition: opacity 0.3s ease;
+  }
 
   &:active {
     transform: translateY(4rpx);
-    box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.03);
+    box-shadow: 0 3rpx 12rpx rgba(65, 117, 238, 0.18);
+
+    &::before {
+      opacity: 1;
+    }
   }
 }
 
 .item-image {
   width: 200rpx;
   height: 200rpx;
-  margin-right: 20rpx;
-  border-radius: 12rpx;
+  margin-right: 24rpx;
+  border-radius: 16rpx;
+  border: 3rpx solid #f0f5ff;
+  flex-shrink: 0;
 }
 
 .item-content {
@@ -410,124 +389,146 @@ export default {
 
 .item-title {
   font-size: 32rpx;
-  font-weight: 500;
-  color: #2c3e50;
-  margin-bottom: 12rpx;
+  font-weight: 600;
+  color: #232323;
+  margin-bottom: 16rpx;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .item-spec {
   display: flex;
-  align-items: center;
-  margin-bottom: 8rpx;
-  color: #666;
-  font-size: 24rpx;
+  align-items: flex-start;
+  margin-bottom: 10rpx;
+  font-size: 26rpx;
 }
 
 .spec-label {
-  background: rgba(74,144,226,0.1);
-  padding: 2rpx 6rpx;
-  border-radius: 4rpx;
-  margin-right: 4rpx;
+  background: linear-gradient(135deg, #4A90E2, #5B8FF9);
+  color: #ffffff;
+  padding: 4rpx 12rpx;
+  border-radius: 6rpx;
+  margin-right: 12rpx;
+  flex-shrink: 0;
+  font-weight: 500;
+}
+
+.spec-value {
+  color: #666;
+  flex: 1;
+  line-height: 1.6;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .item-bottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 16rpx 0;
-  border-top: 1rpx solid #f0f0f0;
+  padding-top: 16rpx;
   margin-top: auto;
+  border-top: 2rpx solid #f0f5ff;
 }
 
 .price-section {
   display: flex;
   flex-direction: column;
+  gap: 6rpx;
 }
 
 .price-tag {
-  font-size: 32rpx;
-  font-weight: 500;
-  color: #3A86FF;
-  margin-bottom: 4rpx;
+  font-size: 36rpx;
+  font-weight: 700;
+  color: #FF6B6B;
 }
 
 .stock-tag {
   font-size: 24rpx;
-  color: #95a5a6;
+  color: #52C41A;
+  font-weight: 500;
 }
 
-// 简洁的购物车图标按钮
 .cart-icon-btn {
-  width: 72rpx;
-  height: 72rpx;
+  width: 80rpx;
+  height: 80rpx;
   border-radius: 50%;
-  background-color: rgba(74,144,226,0.1);
+  background: linear-gradient(135deg, #4A90E2, #5B8FF9);
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: all 0.2s ease;
+  box-shadow: 0 6rpx 20rpx rgba(74,144,226,0.3);
+  transition: all 0.3s ease;
 
   &:active {
-    background-color: rgba(74,144,226,0.2);
-    transform: scale(0.95);
+    transform: scale(0.9);
+    box-shadow: 0 3rpx 12rpx rgba(74,144,226,0.4);
   }
 }
 
-// 购物车悬浮球样式
 .cart-float {
   position: fixed;
-  width: 100rpx;
-  height: 100rpx;
-  background: linear-gradient(135deg, #4A90E2, #3A86FF);
+  width: 110rpx;
+  height: 110rpx;
+  background: linear-gradient(135deg, #FF6B6B, #FF8E8E);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 8rpx 24rpx rgba(74,144,226,0.3);
+  box-shadow: 0 8rpx 28rpx rgba(255, 107, 107, 0.4);
   z-index: 999;
-  transition: transform 0.2s ease;
+  transition: all 0.3s ease;
 
   &:active {
-    transform: scale(0.95);
+    transform: scale(0.92);
   }
 }
 
 .cart-badge {
   position: absolute;
-  top: -10rpx;
-  right: -10rpx;
+  top: -8rpx;
+  right: -8rpx;
 }
 
-// 弹窗样式
 .popup-content {
   padding: 40rpx;
-  padding-bottom: 60rpx; // 为底部安全区域留出空间
+  padding-bottom: calc(60rpx + env(safe-area-inset-bottom));
 }
 
 .popup-header {
   margin-bottom: 40rpx;
   text-align: center;
+  padding-bottom: 30rpx;
+  border-bottom: 2rpx solid #f0f5ff;
 }
 
 .popup-title {
-  font-size: 36rpx;
-  font-weight: 600;
-  color: #2c3e50;
+  font-size: 38rpx;
+  font-weight: 700;
+  color: #232323;
 }
 
 .product-info {
   display: flex;
   margin-bottom: 50rpx;
   padding: 30rpx;
-  background-color: #f8f9fa;
-  border-radius: 16rpx;
+  background: linear-gradient(135deg, #f8fbff, #ffffff);
+  border-radius: 20rpx;
+  border: 2rpx solid #f0f5ff;
 }
 
 .product-image {
-  width: 120rpx;
-  height: 120rpx;
-  border-radius: 12rpx;
+  width: 140rpx;
+  height: 140rpx;
+  border-radius: 16rpx;
   margin-right: 24rpx;
+  border: 2rpx solid #f0f5ff;
 }
 
 .product-details {
@@ -539,21 +540,22 @@ export default {
 
 .product-name {
   font-size: 30rpx;
-  font-weight: 500;
-  color: #2c3e50;
-  margin-bottom: 8rpx;
+  font-weight: 600;
+  color: #232323;
+  margin-bottom: 12rpx;
+  line-height: 1.4;
 }
 
 .product-spec {
-  font-size: 24rpx;
-  color: #95a5a6;
-  margin-bottom: 12rpx;
+  font-size: 26rpx;
+  color: #999;
+  margin-bottom: 16rpx;
 }
 
 .product-price {
-  font-size: 32rpx;
-  font-weight: 600;
-  color: #3A86FF;
+  font-size: 36rpx;
+  font-weight: 700;
+  color: #FF6B6B;
 }
 
 .quantity-selector {
@@ -561,56 +563,51 @@ export default {
   justify-content: space-between;
   align-items: center;
   margin-bottom: 60rpx;
-  padding: 30rpx 0;
-  border-top: 1rpx solid #f0f0f0;
-  border-bottom: 1rpx solid #f0f0f0;
+  padding: 35rpx 0;
+  border-top: 2rpx solid #f0f5ff;
+  border-bottom: 2rpx solid #f0f5ff;
 }
 
 .quantity-label {
-  font-size: 30rpx;
-  color: #2c3e50;
-  font-weight: 500;
-}
-
-.quantity-controls {
-  display: flex;
-  align-items: center;
+  font-size: 32rpx;
+  color: #232323;
+  font-weight: 600;
 }
 
 .popup-actions {
   display: flex;
-  justify-content: space-between;
+  gap: 20rpx;
 }
 
 .cancel-btn {
   flex: 1;
-  margin-right: 20rpx;
-  background-color: #f8f9fa;
-  color: #95a5a6;
+  background: #f5f5f5;
+  color: #666;
   border: none;
   border-radius: 50rpx;
-  padding: 24rpx 0;
-  font-size: 30rpx;
-  font-weight: 500;
+  padding: 28rpx 0;
+  font-size: 32rpx;
+  font-weight: 600;
 
   &:active {
-    background-color: #e9ecef;
+    background: #e8e8e8;
   }
 }
 
 .confirm-btn {
-  flex: 1;
-  margin-left: 20rpx;
-  background: linear-gradient(135deg, #4A90E2, #3A86FF);
+  flex: 2;
+  background: linear-gradient(135deg, #4A90E2, #5B8FF9);
   color: #ffffff;
   border: none;
   border-radius: 50rpx;
-  padding: 24rpx 0;
-  font-size: 30rpx;
-  font-weight: 500;
+  padding: 28rpx 0;
+  font-size: 32rpx;
+  font-weight: 600;
+  box-shadow: 0 6rpx 20rpx rgba(74,144,226,0.3);
 
   &:active {
-    opacity: 0.8;
+    opacity: 0.85;
+    box-shadow: 0 3rpx 12rpx rgba(74,144,226,0.4);
   }
 }
-</style>
\ No newline at end of file
+</style>