62 lines
2.3 KiB
Plaintext
62 lines
2.3 KiB
Plaintext
|
<!-- pages/product/product.wxml -->
|
||
|
|
<!-- 商品展示区 -->
|
||
|
|
<view class="product-display">
|
||
|
|
<swiper class="swiper" indicator-dots="true" interval="3000" duration="500">
|
||
|
|
<swiper-item wx:for="{{goods_item}}" wx:key="*this">
|
||
|
|
<image class="swiper-image" src="{{item.image}}" mode="aspectFill"></image>
|
||
|
|
</swiper-item>
|
||
|
|
</swiper>
|
||
|
|
<view class="product-info">
|
||
|
|
<view class="box-top">
|
||
|
|
<view class="price-info">
|
||
|
|
<view class="discount-price">¥1798</view>
|
||
|
|
<view class="original-price">¥1998</view>
|
||
|
|
</view>
|
||
|
|
<view style="font-size:12px;color:gray;">已售1000+</view>
|
||
|
|
</view>
|
||
|
|
<view class="product-name">海产大礼包包含生蚝三文鱼波士顿龙虾扇贝蛤蜊海虾</view>
|
||
|
|
<view class="promotion-info">
|
||
|
|
<view class="countdown">距离活动结束还有8小时8分48秒</view>
|
||
|
|
</view>
|
||
|
|
<view class="review-info">
|
||
|
|
<view style="font-size:16px;">商品评价(1)</view>
|
||
|
|
<button class="view-reviews-btn" bindtap="onViewReviews">查看全部评价></button>
|
||
|
|
</view>
|
||
|
|
<view class="comment-card">
|
||
|
|
<!-- 用户信息 -->
|
||
|
|
<view class="user-info">
|
||
|
|
<image class="avatar" src="{{user.avatar}}" mode="aspectFit"></image>
|
||
|
|
<text class="nickname">{{user.nickname}}</text>
|
||
|
|
</view>
|
||
|
|
<!-- 评语 -->
|
||
|
|
<view class="comment">
|
||
|
|
<text>{{comment.text}}</text>
|
||
|
|
</view>
|
||
|
|
<!-- 购买时间 -->
|
||
|
|
<view class="purchase-time">
|
||
|
|
<text>购买时间：{{comment.purchaseTime}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="goods_intro">
|
||
|
|
<view class="intro_top">
|
||
|
|
商品详情
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view wx:for="{{goods_item}}" wx:key="*this">
|
||
|
|
<image class="intro_image" src="{{item.image}}" mode="aspectFill"></image>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="bottom">
|
||
|
|
相关支持由湛江市计算机协会提供
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<view class="purchase-buttons">
|
||
|
|
<button class="buy-now-btn" bindtap="onBuyNow">立即购买</button>
|
||
|
|
<button class="add-to-cart-btn" bindtap="onAddToCart">加入购物车</button>
|
||
|
|
</view>
|