|
|
|
@ -3,7 +3,7 @@ |
|
|
|
<title title="产品详情"></title> |
|
|
|
<view class="iconfont icon-fenxiang" bindtap="share"></view> |
|
|
|
<view class="swiper-bottom" wx:if="{{info}}"> |
|
|
|
<view class="swiper-bottom-item active">1/2</view> |
|
|
|
<view class="swiper-bottom-item active">{{swiperCurrent+1}}/{{swiperRange.sku.max+1}}</view> |
|
|
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.video.min&&swiperCurrent<=swiperRange.video.max)?'active':''}}" wx:if="{{info.videourl}}">视频</view> |
|
|
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}">图片</view> |
|
|
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.sku.min&&swiperCurrent<=swiperRange.sku.max)?'active':''}}">款式</view> |
|
|
|
@ -29,7 +29,9 @@ |
|
|
|
<block wx:for="{{info.sku}}" wx:key="*this"> |
|
|
|
<swiper-item style="position: relative;"> |
|
|
|
<image src="{{item.headimg}}" mode="aspectFill"></image> |
|
|
|
<view class="sku-tips textOver">{{item.sku_name}}</view> |
|
|
|
<view class="sku-tips "> |
|
|
|
<view class="textOver">{{item.sku_name}}</view> |
|
|
|
</view> |
|
|
|
</swiper-item> |
|
|
|
</block> |
|
|
|
</swiper> |
|
|
|
@ -48,10 +50,13 @@ |
|
|
|
</view> |
|
|
|
<view style="padding: 20rpx 20rpx 20rpx 26rpx;"> |
|
|
|
<view class="select-img"> |
|
|
|
<image style="flex-shrink: 0;" src="{{info.headimg}}"></image> |
|
|
|
<image class="{{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}" |
|
|
|
style="flex-shrink: 0;" src="{{info.headimg}}" bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.min}}"></image> |
|
|
|
<text style="flex-shrink: 0;" class="select-img-text">款式选择</text> |
|
|
|
<view class="other-imgs no-scrollbar"> |
|
|
|
<image wx:for="{{info.sku}}" wx:key="index" src="{{item.headimg}}"></image> |
|
|
|
<image wx:for="{{info.sku}}" wx:key="index" bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.max+1+index}}" |
|
|
|
class="{{item.flag!='on'?'no-stock':''}} {{swiperCurrent==swiperRange.picture.max+1+index?'active':''}}" |
|
|
|
src="{{item.headimg}}"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="select-sku">></view> |
|
|
|
@ -106,7 +111,6 @@ |
|
|
|
<text style="font-weight: bold;">买家评价</text> |
|
|
|
<text class="score" wx:if="{{info && info.rate && commentTotal>0}}">{{info.rate}}分</text> |
|
|
|
<text wx:else class="no-comment">暂无评价</text> |
|
|
|
|
|
|
|
<navigator url="/pages/list/comments/index?productid={{id}}" style="display: inline;"> |
|
|
|
<text class="all-comment-num">共{{commentTotal}}条 <text style="font-family: fangsong;color: #000;">></text></text> |
|
|
|
</navigator> |
|
|
|
@ -115,6 +119,7 @@ |
|
|
|
<view>这里空空如也，快去点评吧!</view> |
|
|
|
<navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去点评</navigator> |
|
|
|
</view> --> |
|
|
|
<view style="width: 100%;padding: 0 26rpx;box-sizing: border-box;"> |
|
|
|
<navigator wx:for="{{comment}}" wx:key="index" wx:for-index="index" url="/pages/list/comments/index?productid={{id}}&&index={{index}}" class="product-comment"> |
|
|
|
<view class="product-comment-top"> |
|
|
|
<image class="avator-img" src="{{item.user.avatar}}" mode="aspectFill"></image> |
|
|
|
@ -144,9 +149,15 @@ |
|
|
|
|
|
|
|
<!-- <view class="sku" wx:if="{{item.sku_name}}">{{item.sku_name}}</view> --> |
|
|
|
</navigator> |
|
|
|
</view> |
|
|
|
<!-- <navigator url="/pages/list/comments/index?productid={{id}}" wx:if="{{comment.length>0}}" class="more-comment-btn"> |
|
|
|
查看全部点评<text class="iconfont icon-you"></text></navigator> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="shop-container" wx:if="{{iShop}}"> |
|
|
|
<image class="shop-img" src="{{info.supplier_name}}"></image> |
|
|
|
<view class="textOver2">{{info.supplier_name}}</view> |
|
|
|
<navigator class="shop-btn" url="/pages/list/store/index?id={{supplierId}}">进店</navigator> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="scroll-all-box" id="menus" wx:if="{{info}}"> |
|
|
|
@ -229,22 +240,33 @@ |
|
|
|
<view class="sku-info-box"> |
|
|
|
<image id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image> |
|
|
|
<view class="sku-info"> |
|
|
|
<view> |
|
|
|
<view class="sku-price">{{info.sku[skuIndex].price/100}} |
|
|
|
<view class="allowance" wx:if="{{allowance_data}}"> |
|
|
|
补贴价：￥{{ (1 - allowance_data.discount_rate / 100) * info.sku[skuIndex].price / 100 }}</view> |
|
|
|
<!-- <view class="allowance" wx:if="{{allowance_data}}"> |
|
|
|
补贴价：￥{{ (1 - allowance_data.discount_rate / 100) * info.sku[skuIndex].price / 100 }}</view> --> |
|
|
|
</view> |
|
|
|
<view class="sku-name">已选择：{{info.sku[skuIndex].sku_name}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="sku-names"> |
|
|
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item textOver{{index==skuIndex?' active':''}}" wx:for="{{info.sku}}">{{item.sku_name}}</view> |
|
|
|
</view> |
|
|
|
<view style="display: flex;align-items: center;"> |
|
|
|
<view class="number-box"> |
|
|
|
<text>数量</text> |
|
|
|
<view class="iconfont icon-sami-select" bindtap="minus"></view> |
|
|
|
<view class="number">{{producNum}}</view> |
|
|
|
<view class="iconfont icon-add-select" bindtap="add"></view> |
|
|
|
</view> |
|
|
|
<view class="limit-number" wx:if="{{info.sku[skuIndex].sku_model.traveller_limit_num>0}}">限购5件</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="font-weight: bold;font-size: 33rpx;color: #060001;margin:0rpx 25rpx 27rpx">产品分类（{{info.sku.length}}）</view> |
|
|
|
<view class="sku-names"> |
|
|
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}" |
|
|
|
wx:for="{{info.sku}}"> |
|
|
|
<image src="{{item.headimg}}"></image> |
|
|
|
<view class="sku-name textOver">{{item.sku_name}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view style="height:138rpx"></view> |
|
|
|
<view class="btn-box"> |
|
|
|
<view class="mask-btn" bindtap="order" wx:if="{{info.sku[skuIndex].flag=='on'}}">{{skuFlag=='cart'?'确认':'立即购买'}} |
|
|
|
|
jiazhipeng
8 months ago