基本成型

miniprogram/pages/shop/shop.wxml

@@ -0,0 +1,39 @@
+<view class="container">
+  <view class="page-title">精选商品</view>
+  
+  <!-- 商品列表 -->
+  <view class="product-list">
+    <view class="product-card" wx:for="{{products}}" wx:key="id" wx:for-item="product">
+      <!-- 商品图片区域 -->
+      <view class="product-image-container">
+       
+       
+        <!-- 销量标签 -->
+        <view class="sales-tag">
+          <text class="iconfont">🔥</text> 已售 {{product.sales}}
+        </view>
+      </view>
+      
+      <!-- 商品信息区域 -->
+      <view class="product-info">
+        <view class="product-name">{{product.name}}</view>
+        <view class="product-desc">{{product.desc}}</view>
+        
+        <view class="price-container">
+          <text class="current-price">¥{{product.price}}</text>
+          <text class="original-price">¥{{product.originalPrice}}</text>
+        </view>
+        
+        <!-- 购买按钮 -->
+        <button 
+          class="buy-btn" 
+          bindtap="buyProduct" 
+          data-id="{{product.id}}"
+        >
+          积分购买
+        </button>
+      </view>
+    </view>
+  </view>
+</view>
+