继续补充功能页面，consumer模块完成度70%

pages/mall/consumer/product-detail.uvue

@@ -25,13 +25,13 @@
     <view class="shop-info" @click="goToShop">
       <image :src="merchant.shop_logo || '/static/default-shop.png'" class="shop-logo" />
       <view class="shop-details">
-        <text class="shop-name">{{ merchant.shop_name }}</text>
-        <view class="shop-rating">
-          <text class="rating-text">评分: {{ merchant.rating.toFixed(1) }}</text>
-          <text class="sales-text">销量: {{ merchant.total_sales }}</text>
+        <text class="shop-name" @click.stop="goToShop">{{ merchant.shop_name }}</text>
+        <view class="shop-stats-row">
+           <text class="rating-text">评分: {{ merchant.rating.toFixed(1) }}</text>
+           <text class="sales-text">销量: {{ merchant.total_sales }}</text>
         </view>
       </view>
-      <text class="enter-shop">进店 ></text>
+      <text class="enter-shop" @click.stop="goToShop">进店 ></text>
     </view>
 
     <!-- 规格选择 -->
@@ -50,6 +50,16 @@
     <!-- 底部操作栏 -->
     <view class="bottom-actions">
       <view class="action-buttons">
+        <view class="action-btn" @click="goToCart">
+          <text class="action-icon">🛒</text>
+          <text class="action-text">购物车</text>
+        </view>
+        <view class="action-btn" @click="toggleFavorite">
+          <text class="action-icon">{{ isFavorite ? '❤️' : '🤍' }}</text>
+          <text class="action-text">{{ isFavorite ? '已收藏' : '收藏' }}</text>
+        </view>
+      </view>
+      <view class="btn-group">
         <button class="cart-btn" @click="addToCart">加入购物车</button>
         <button class="buy-btn" @click="buyNow">立即购买</button>
       </view>
@@ -116,16 +126,55 @@ export default {
       showSpec: false,
       selectedSkuId: '',
       selectedSpec: '',
-      quantity: 1
+      quantity: 1,
+      isFavorite: false
     }
   },
   onLoad(options: any) {
     const productId = options.productId as string
     if (productId) {
       this.loadProductDetail(productId)
+      this.checkFavoriteStatus(productId)
+      this.saveFootprint(productId)
     }
   },
   methods: {
+    saveFootprint(productId: string) {
+      const footprintData = uni.getStorageSync('footprints')
+      let footprints: any[] = []
+      
+      if (footprintData) {
+        try {
+          footprints = JSON.parse(footprintData as string) as any[]
+        } catch (e) {
+          console.error('Failed to parse footprints', e)
+        }
+      }
+      
+      // 移除已存在的相同商品（为了将其移到最新位置）
+      footprints = footprints.filter(item => item.id !== productId)
+      
+      // 添加到头部
+      footprints.unshift({
+        id: this.product.id,
+        name: this.product.name,
+        price: this.product.price,
+        original_price: this.product.original_price, // 添加原价
+        image: this.product.images[0],
+        sales: this.product.sales,
+        shopId: this.merchant.id,
+        shopName: this.merchant.shop_name,
+        viewTime: Date.now()
+      })
+      
+      // 限制数量，例如最近50条
+      if (footprints.length > 50) {
+        footprints = footprints.slice(0, 50)
+      }
+      
+      uni.setStorageSync('footprints', JSON.stringify(footprints))
+    },
+    
     loadProductDetail(productId: string) {
       // 模拟加载商品详情数据
       this.product = {
@@ -222,6 +271,45 @@ export default {
         return
       }
       
+      // 获取现有购物车数据
+      const cartData = uni.getStorageSync('cart')
+      let cartItems: any[] = []
+      
+      if (cartData) {
+        try {
+          cartItems = JSON.parse(cartData as string) as any[]
+        } catch (e) {
+          console.error('解析购物车数据失败', e)
+        }
+      }
+      
+      // 检查商品是否已存在 (同一SKU)
+      const existingItem = cartItems.find((item: any) => item.id === this.selectedSkuId)
+      
+      if (existingItem) {
+        existingItem.quantity += this.quantity
+      } else {
+        // 查找SKU信息
+        const sku = this.productSkus.find(s => s.id === this.selectedSkuId)
+        
+        // 添加新商品
+        cartItems.push({
+          id: this.selectedSkuId, // 使用SKU ID作为购物车条目ID
+          productId: this.product.id,
+          shopId: this.merchant.id,
+          shopName: this.merchant.shop_name,
+          name: this.product.name,
+          price: sku ? sku.price : this.product.price,
+          image: (sku && sku.image_url) ? sku.image_url : this.product.images[0],
+          spec: this.selectedSpec,
+          quantity: this.quantity,
+          selected: true
+        })
+      }
+      
+      // 保存回存储
+      uni.setStorageSync('cart', JSON.stringify(cartItems))
+      
       // 模拟添加到购物车
       uni.showToast({
         title: '已添加到购物车',
@@ -248,6 +336,70 @@ export default {
       uni.navigateTo({
         url: `/pages/mall/consumer/shop-detail?merchantId=${this.merchant.id}`
       })
+    },
+
+    checkFavoriteStatus(id: string) {
+      const storedFavorites = uni.getStorageSync('favorites')
+      if (storedFavorites) {
+        try {
+          const favorites = JSON.parse(storedFavorites as string) as any[]
+          this.isFavorite = favorites.some(item => item.id === id)
+        } catch (e) {
+          console.error('Failed to parse favorites', e)
+        }
+      }
+    },
+
+    toggleFavorite() {
+      const storedFavorites = uni.getStorageSync('favorites')
+      let favorites: any[] = []
+      
+      if (storedFavorites) {
+        try {
+          favorites = JSON.parse(storedFavorites as string) as any[]
+        } catch (e) {
+          console.error('Failed to parse favorites', e)
+        }
+      }
+      
+      if (this.isFavorite) {
+        // 取消收藏
+        favorites = favorites.filter(item => item.id !== this.product.id)
+        uni.showToast({
+          title: '已取消收藏',
+          icon: 'none'
+        })
+      } else {
+        // 添加收藏
+        favorites.push({
+          id: this.product.id,
+          name: this.product.name,
+          price: this.product.price,
+          image: this.product.images[0],
+          sales: this.product.sales,
+          shopId: this.merchant.id,
+          shopName: this.merchant.shop_name
+        })
+        uni.showToast({
+          title: '收藏成功',
+          icon: 'success'
+        })
+      }
+      
+      uni.setStorageSync('favorites', JSON.stringify(favorites))
+      this.isFavorite = !this.isFavorite
+    },
+
+    goToHome() {
+      uni.switchTab({
+        url: '/pages/mall/consumer/home'
+      })
+    },
+
+    goToCart() {
+      uni.switchTab({
+        url: '/pages/mall/consumer/cart'
+      })
     }
   }
 }
@@ -328,6 +480,7 @@ export default {
   padding: 30rpx;
   margin-bottom: 20rpx;
   display: flex;
+  flex-direction: row; /* 显式横向排列 */
   align-items: center;
 }
 
@@ -340,6 +493,9 @@ export default {
 
 .shop-details {
   flex: 1;
+  display: flex;
+  flex-direction: column; /* 内部信息保持纵向，或者根据需要改为横向 */
+  justify-content: center;
 }
 
 .shop-name {
@@ -349,8 +505,10 @@ export default {
   margin-bottom: 10rpx;
 }
 
-.shop-rating {
+.shop-stats-row {
   display: flex;
+  flex-direction: row; /* 显式横向排列 */
+  align-items: center;
 }
 
 .rating-text, .sales-text {
@@ -414,21 +572,55 @@ export default {
   left: 0;
   right: 0;
   background-color: #fff;
-  padding: 20rpx 30rpx;
+  padding: 10rpx 20rpx;
   box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: row; /* 显式设置横向排列 */
+  align-items: center;
+  justify-content: space-between;
 }
 
 .action-buttons {
   display: flex;
-  gap: 20rpx;
+  flex-direction: row; /* 显式设置横向排列 */
+  align-items: center;
+  margin-right: 20rpx;
+}
+
+.action-btn {
+  display: flex;
+  flex-direction: column; /* 图标文字保持纵向 */
+  align-items: center;
+  justify-content: center;
+  margin-right: 20rpx;
+  min-width: 80rpx;
+}
+
+.action-icon {
+  font-size: 40rpx;
+  margin-bottom: 4rpx;
+}
+
+.action-text {
+  font-size: 20rpx;
+  color: #666;
+}
+
+.btn-group {
+  flex: 1;
+  display: flex;
+  flex-direction: row; /* 显式设置横向排列 */
+  align-items: center;
 }
 
 .cart-btn, .buy-btn {
   flex: 1;
-  height: 80rpx;
-  border-radius: 40rpx;
-  font-size: 28rpx;
+  height: 72rpx;
+  line-height: 72rpx;
+  border-radius: 36rpx;
+  font-size: 26rpx;
   border: none;
+  margin: 0 10rpx;
 }
 
 .cart-btn {