39 lines
1.1 KiB
Plaintext
39 lines
1.1 KiB
Plaintext
|
<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>
|
||
|
|
|