|
|
@ -2,7 +2,7 @@ |
|
|
<wxs src="../../../utils/filter.wxs" module="tool" /> |
|
|
<wxs src="../../../utils/filter.wxs" module="tool" /> |
|
|
<title title="产品详情"></title> |
|
|
<title title="产品详情"></title> |
|
|
<view class="share-icon" bindtap="share"></view> |
|
|
<view class="share-icon" bindtap="share"></view> |
|
|
<image wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image> |
|
|
<image lazy-load wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image> |
|
|
<view style="position: relative;"> |
|
|
<view style="position: relative;"> |
|
|
<swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}" current="{{swiperCurrent}}" |
|
|
<swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}" current="{{swiperCurrent}}" |
|
|
interval="{{2000}}" duration="{{300}}" bindchange="swiperChange"> |
|
|
interval="{{2000}}" duration="{{300}}" bindchange="swiperChange"> |
|
|
@ -11,17 +11,17 @@ |
|
|
<video bindplay="playVideo" src="{{info.videourl}}" autoplay="{{true}}" muted="{{true}}" |
|
|
<video bindplay="playVideo" src="{{info.videourl}}" autoplay="{{true}}" muted="{{true}}" |
|
|
show-mute-btn="{{true}}" show-background-playback-button="{{false}}" |
|
|
show-mute-btn="{{true}}" show-background-playback-button="{{false}}" |
|
|
show-progress="{{false}}" ></video> |
|
|
show-progress="{{false}}" ></video> |
|
|
<!-- <image src="{{info.headimg}}" mode="aspectFill"></image> --> |
|
|
<!-- <image lazy-load src="{{info.headimg}}" mode="aspectFill"></image> --> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</block> |
|
|
</block> |
|
|
<block wx:for="{{info.listimg}}" wx:key="*this"> |
|
|
<block wx:for="{{info.listimg}}" wx:key="*this"> |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<image src="{{item}}" mode="aspectFill"></image> |
|
|
<image lazy-load src="{{item}}" mode="aspectFill"></image> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</block> |
|
|
</block> |
|
|
<block wx:for="{{info.sku}}" wx:key="*this"> |
|
|
<block wx:for="{{info.sku}}" wx:key="*this"> |
|
|
<swiper-item style="position: relative;"> |
|
|
<swiper-item style="position: relative;"> |
|
|
<image src="{{item.headimg}}" mode="aspectFill"></image> |
|
|
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image> |
|
|
<view class="sku-tips "> |
|
|
<view class="sku-tips "> |
|
|
<view class="textOver">{{item.sku_name}}</view> |
|
|
<view class="textOver">{{item.sku_name}}</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -56,11 +56,11 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view style="padding: 20rpx 20rpx 20rpx 26rpx;"> |
|
|
<view style="padding: 20rpx 20rpx 20rpx 26rpx;"> |
|
|
<view class="select-img"> |
|
|
<view class="select-img"> |
|
|
<image class="{{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}" |
|
|
<image lazy-load class="{{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}" |
|
|
style="flex-shrink: 0;" src="{{info.headimg}}" bind:tap="changeSwiperCurrent" data-index="{{0}}"></image> |
|
|
style="flex-shrink: 0;" src="{{info.headimg}}" bind:tap="changeSwiperCurrent" data-index="{{0}}"></image> |
|
|
<text style="flex-shrink: 0;" class="select-img-text">款式选择</text> |
|
|
<text style="flex-shrink: 0;" class="select-img-text">款式选择</text> |
|
|
<view class="other-imgs no-scrollbar"> |
|
|
<view class="other-imgs no-scrollbar"> |
|
|
<image wx:for="{{info.sku}}" wx:key="index" bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.max+1+index}}" |
|
|
<image lazy-load wx:for="{{info.sku}}" wx:key="index" bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.max+1+index}}" |
|
|
class="{{swiperCurrent==swiperRange.picture.max+1+index?'active':''}}" |
|
|
class="{{swiperCurrent==swiperRange.picture.max+1+index?'active':''}}" |
|
|
src="{{item.headimg}}"></image> |
|
|
src="{{item.headimg}}"></image> |
|
|
</view> |
|
|
</view> |
|
|
@ -76,7 +76,7 @@ |
|
|
<view class="other-info-box" wx:if="{{info.is_package!=1}}"> |
|
|
<view class="other-info-box" wx:if="{{info.is_package!=1}}"> |
|
|
<view class="other-info-item" style="align-items: flex-start;"bindtap="changeSimpleVal" |
|
|
<view class="other-info-item" style="align-items: flex-start;"bindtap="changeSimpleVal" |
|
|
data-keyname="otherInfoShow" data-val="{{1}}" wx:if="{{info.shipment_tag}}"> |
|
|
data-keyname="otherInfoShow" data-val="{{1}}" wx:if="{{info.shipment_tag}}"> |
|
|
<image style="margin-top: 6rpx;" src="https://static.ticket.sz-trip.com/uploads/20250826/c520e7e453443bfe19e27ea0e44e6b22.png"></image> |
|
|
<image lazy-load style="margin-top: 6rpx;" src="https://static.ticket.sz-trip.com/uploads/20250826/c520e7e453443bfe19e27ea0e44e6b22.png"></image> |
|
|
<view class="other-content" > |
|
|
<view class="other-content" > |
|
|
<view class="textOver" style="color: #0B898E;">{{info.shipment_tag_arr[0]}}</view> |
|
|
<view class="textOver" style="color: #0B898E;">{{info.shipment_tag_arr[0]}}</view> |
|
|
<view class="textOver" style="padding-top: 10rpx;">{{info.shipment_tag_str}}</view> |
|
|
<view class="textOver" style="padding-top: 10rpx;">{{info.shipment_tag_str}}</view> |
|
|
@ -85,13 +85,13 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{2}}" |
|
|
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{2}}" |
|
|
wx:if="{{info.service_tag_str}}"> |
|
|
wx:if="{{info.service_tag_str}}"> |
|
|
<image src="https://static.ticket.sz-trip.com/uploads/20250826/30fc41c747c0126edd396ef92ff7ef62.png"></image> |
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250826/30fc41c747c0126edd396ef92ff7ef62.png"></image> |
|
|
<view class="other-content textOver">{{info.service_tag_str}}</view> |
|
|
<view class="other-content textOver">{{info.service_tag_str}}</view> |
|
|
<view class="view-arrow">></view> |
|
|
<view class="view-arrow">></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{3}}" |
|
|
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{3}}" |
|
|
wx:if="{{info.parameter_tag_str}}"> |
|
|
wx:if="{{info.parameter_tag_str}}"> |
|
|
<image src="https://static.ticket.sz-trip.com/uploads/20250826/049b31024ee73e76f9612e8d8141bd66.png"></image> |
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250826/049b31024ee73e76f9612e8d8141bd66.png"></image> |
|
|
<view class="other-content textOver">{{info.parameter_tag_str}}</view> |
|
|
<view class="other-content textOver">{{info.parameter_tag_str}}</view> |
|
|
<view class="view-arrow">></view> |
|
|
<view class="view-arrow">></view> |
|
|
</view> |
|
|
</view> |
|
|
@ -126,7 +126,7 @@ |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view style="text-align: center;"> |
|
|
<view style="text-align: center;"> |
|
|
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/wineScene/navigation.png"></image> |
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/wineScene/navigation.png"></image> |
|
|
<view style="padding-top: 14rpx;">去这里</view> |
|
|
<view style="padding-top: 14rpx;">去这里</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -153,8 +153,8 @@ |
|
|
<view style="width: 100%;padding: 0 26rpx;box-sizing: border-box;"> |
|
|
<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"> |
|
|
<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"> |
|
|
<view class="product-comment-top"> |
|
|
<image class="avator-img" src="{{item.user.avatar}}" mode="aspectFill"></image> |
|
|
<image lazy-load class="avator-img" src="{{item.user.avatar}}" mode="aspectFill"></image> |
|
|
<!-- <image class="avator-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/commentUser.png" mode="aspectFill"></image> --> |
|
|
<!-- <image lazy-load class="avator-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/commentUser.png" mode="aspectFill"></image> --> |
|
|
<view class="comment-container"> |
|
|
<view class="comment-container"> |
|
|
<view class="comment-info"> |
|
|
<view class="comment-info"> |
|
|
<view class="nickname" style="padding-right:20rpx ;">{{item.nickname}}</view> |
|
|
<view class="nickname" style="padding-right:20rpx ;">{{item.nickname}}</view> |
|
|
@ -164,9 +164,9 @@ |
|
|
<view class="comment-content textOver2">{{item.content}}</view> |
|
|
<view class="comment-content textOver2">{{item.content}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="img-box" wx:if="{{item.img_list.length>0}}"> |
|
|
<view class="img-box" wx:if="{{item.img_list.length>0}}"> |
|
|
<image class="imgs" data-item="{{item}}" mode="aspectFill" src="{{item.img_list[0]}}" catch:tap="viewImg"></image> |
|
|
<image lazy-load class="imgs" data-item="{{item}}" mode="aspectFill" src="{{item.img_list[0]}}" catch:tap="viewImg"></image> |
|
|
<!-- <view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}"> |
|
|
<!-- <view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}"> |
|
|
<image wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc"></image> |
|
|
<image lazy-load wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc"></image> |
|
|
<view class="all" wx:if="{{index==5}}"> |
|
|
<view class="all" wx:if="{{index==5}}"> |
|
|
<view>共{{item.img_list.length}}张</view> |
|
|
<view>共{{item.img_list.length}}张</view> |
|
|
<view>查看全部</view> |
|
|
<view>查看全部</view> |
|
|
@ -186,7 +186,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="shop-container" wx:if="{{iShop}}"> |
|
|
<view class="shop-container" wx:if="{{iShop}}"> |
|
|
<image class="shop-img" src="{{info.supplier_headimg}}" mode="aspectFill"></image> |
|
|
<image lazy-load class="shop-img" src="{{info.supplier_headimg}}" mode="aspectFill"></image> |
|
|
<view class="textOver2">{{info.supplier_name}}</view> |
|
|
<view class="textOver2">{{info.supplier_name}}</view> |
|
|
<navigator class="shop-btn" url="/pages/list/store/index?id={{supplierId}}">进店</navigator> |
|
|
<navigator class="shop-btn" url="/pages/list/store/index?id={{supplierId}}">进店</navigator> |
|
|
</view> |
|
|
</view> |
|
|
@ -215,13 +215,13 @@ |
|
|
|
|
|
|
|
|
<view class="info-box" id="box4" style="padding: 20rpx 26rpx;"> |
|
|
<view class="info-box" id="box4" style="padding: 20rpx 26rpx;"> |
|
|
<!-- <view class="proad-title"> |
|
|
<!-- <view class="proad-title"> |
|
|
<image mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20221027/93dd0ad8fade0ad845e6b67512b4e61b.png"></image> |
|
|
<image lazy-load mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20221027/93dd0ad8fade0ad845e6b67512b4e61b.png"></image> |
|
|
</view> --> |
|
|
</view> --> |
|
|
<view class="info-title">产品推荐</view> |
|
|
<view class="info-title">产品推荐</view> |
|
|
<view class="pro-list"> |
|
|
<view class="pro-list"> |
|
|
<view class="proitem" wx:for="{{tjList}}" bindtap="gotoDetail" data-item="{{item}}"> |
|
|
<view class="proitem" wx:for="{{tjList}}" bindtap="gotoDetail" data-item="{{item}}"> |
|
|
<view class="item-hd"> |
|
|
<view class="item-hd"> |
|
|
<image src="{{item.headimg}}"></image> |
|
|
<image lazy-load src="{{item.headimg}}"></image> |
|
|
</view> |
|
|
</view> |
|
|
<view class="item-bm" style="height: 120rpx;display: flex;flex-direction: column;justify-content: space-between;"> |
|
|
<view class="item-bm" style="height: 120rpx;display: flex;flex-direction: column;justify-content: space-between;"> |
|
|
<view class="protitle textOver2">{{item.title}}</view> |
|
|
<view class="protitle textOver2">{{item.title}}</view> |
|
|
@ -238,7 +238,7 @@ |
|
|
<view class="['left-img',{{!iShop?'no-shop':''}}]"> |
|
|
<view class="['left-img',{{!iShop?'no-shop':''}}]"> |
|
|
<navigator wx:if="{{iShop}}" url="/pages/list/store/index?id={{supplierId}}" catchtap="pagePoint" data-event='product_customservice' class="shop-box"> |
|
|
<navigator wx:if="{{iShop}}" url="/pages/list/store/index?id={{supplierId}}" catchtap="pagePoint" data-event='product_customservice' class="shop-box"> |
|
|
<view class="shop-box"> |
|
|
<view class="shop-box"> |
|
|
<image class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.png" mode="aspectFill"/> |
|
|
<image lazy-load class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.png" mode="aspectFill"/> |
|
|
<view>店铺</view> |
|
|
<view>店铺</view> |
|
|
</view> |
|
|
</view> |
|
|
</navigator> |
|
|
</navigator> |
|
|
@ -261,7 +261,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
<!-- 购物车悬浮框 --> |
|
|
<!-- 购物车悬浮框 --> |
|
|
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart"> |
|
|
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart"> |
|
|
<image src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image> |
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image> |
|
|
<view class="cart-num">{{cartCount}}</view> |
|
|
<view class="cart-num">{{cartCount}}</view> |
|
|
</navigator> |
|
|
</navigator> |
|
|
<view class="mask" wx:if="{{skuFlag}}"> |
|
|
<view class="mask" wx:if="{{skuFlag}}"> |
|
|
@ -269,7 +269,7 @@ |
|
|
<view class="mask-content"> |
|
|
<view class="mask-content"> |
|
|
<view class="iconfont icon-close" bindtap="hideSku"></view> |
|
|
<view class="iconfont icon-close" bindtap="hideSku"></view> |
|
|
<view class="sku-info-box"> |
|
|
<view class="sku-info-box"> |
|
|
<image id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image> |
|
|
<image lazy-load id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image> |
|
|
<view class="sku-info"> |
|
|
<view class="sku-info"> |
|
|
<view> |
|
|
<view> |
|
|
<view class="sku-price">{{info.sku[skuIndex].price/100}} |
|
|
<view class="sku-price">{{info.sku[skuIndex].price/100}} |
|
|
@ -292,7 +292,7 @@ |
|
|
<view class="sku-names"> |
|
|
<view class="sku-names"> |
|
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}" |
|
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}" |
|
|
wx:for="{{info.sku}}"> |
|
|
wx:for="{{info.sku}}"> |
|
|
<image src="{{item.headimg}}"></image> |
|
|
<image lazy-load src="{{item.headimg}}"></image> |
|
|
<view class="sku-name textOver">{{item.sku_name}}</view> |
|
|
<view class="sku-name textOver">{{item.sku_name}}</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -314,23 +314,23 @@ |
|
|
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;"> |
|
|
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;"> |
|
|
<view class="mask-bg" bindtap="share"></view> |
|
|
<view class="mask-bg" bindtap="share"></view> |
|
|
<view class="mask-content share-img-box"> |
|
|
<view class="mask-content share-img-box"> |
|
|
<image class="share-img" src="{{shareImg}}" mode="widthFix"></image> |
|
|
<image lazy-load class="share-img" src="{{shareImg}}" mode="widthFix"></image> |
|
|
<view class="share-tips"> |
|
|
<view class="share-tips"> |
|
|
<view style="position:relative"> |
|
|
<view style="position:relative"> |
|
|
<image class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix"> |
|
|
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix"> |
|
|
</image> |
|
|
</image> |
|
|
<view>保存图片到相册</view> |
|
|
<view>保存图片到相册</view> |
|
|
<view class="tipimg"> |
|
|
<view class="tipimg"> |
|
|
<image src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image> |
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<image style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image> |
|
|
<image lazy-load style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image> |
|
|
<view style="position:relative"> |
|
|
<view style="position:relative"> |
|
|
<image class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix"> |
|
|
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix"> |
|
|
</image> |
|
|
</image> |
|
|
<view>微信识别二维码</view> |
|
|
<view>微信识别二维码</view> |
|
|
<view class="tipimg"> |
|
|
<view class="tipimg"> |
|
|
<image src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image> |
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|