You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.8 KiB
51 lines
1.8 KiB
<view class="detail-container">
|
|
<!-- 商品图片轮播 -->
|
|
<swiper class="goods-swiper" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{3000}}" duration="{{500}}">
|
|
<swiper-item wx:for="{{goods.images}}" wx:key="index">
|
|
<image src="{{item}}" class="slide-image" mode="aspectFill" bindtap="previewImage" data-index="{{index}}"/>
|
|
</swiper-item>
|
|
</swiper>
|
|
|
|
<!-- 商品基本信息 -->
|
|
<view class="goods-info">
|
|
<view class="goods-price">¥{{goods.price}}</view>
|
|
<view class="goods-title">{{goods.title}}</view>
|
|
<view class="goods-meta">
|
|
<text class="goods-condition">{{goods.condition}}</text>
|
|
<text class="goods-time">发布于 {{goods.publishTime}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 商品详情 -->
|
|
<view class="goods-details">
|
|
<view class="section-title">商品详情</view>
|
|
<view class="goods-desc">{{goods.description}}</view>
|
|
</view>
|
|
|
|
<!-- 卖家信息 -->
|
|
<view class="seller-info">
|
|
<view class="section-title">卖家信息</view>
|
|
<view class="seller-profile">
|
|
<image class="seller-avatar" src="{{goods.seller.avatar}}"></image>
|
|
<view class="seller-detail">
|
|
<text class="seller-name">{{goods.seller.name}}</text>
|
|
<text class="seller-meta">校园认证 · {{goods.seller.verifyType}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 底部操作栏 -->
|
|
<view class="bottom-bar">
|
|
<view class="contact-container">
|
|
<button class="contact-btn" open-type="share">
|
|
<image class="btn-icon" src="/images/share.png"></image>
|
|
<text>分享</text>
|
|
</button>
|
|
<button class="contact-btn" bindtap="contactSeller">
|
|
<image class="btn-icon" src="/images/contact.png"></image>
|
|
<text>联系卖家</text>
|
|
</button>
|
|
</view>
|
|
<button class="buy-btn" bindtap="buyNow">立即购买</button>
|
|
</view>
|
|
</view> |