productInfo.wxml 10 KB

1
  1. <block wx:if="{{productData}}"><view class="product-info-diy data-v-70dd3f0b"><common-wrapper vue-id="35f2d82e-1" config="{{configData}}" class="data-v-70dd3f0b" bind:__l="__l" vue-slots="{{['default']}}"><view class="{{['product-info-box','data-v-70dd3f0b','style-'+specStyle]}}"><view class="image-wrap data-v-70dd3f0b"><swiper class="swiper data-v-70dd3f0b" circular="{{true}}" autoplay="{{!videoPlaying}}" interval="{{3000}}" duration="{{500}}" data-event-opts="{{[['change',[['swiperChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{sliderImage}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="data-v-70dd3f0b"><block wx:if="{{item.isVideo}}"><view class="video-item data-v-70dd3f0b"><view hidden="{{!(!videoControls)}}" class="video-wrap data-v-70dd3f0b"><video style="width:100%;height:100%;" id="productVideo" src="{{item.src}}" object-fit="contain" controls="{{true}}" show-center-play-btn="{{true}}" show-mute-btn="true" auto-pause-if-navigate="{{true}}" custom-cache="{{false}}" enable-progress-gesture="{{false}}" poster="{{item.poster}}" data-event-opts="{{[['play',[['onVideoPlay',['$event']]]],['pause',[['onVideoPause',['$event']]]]]}}" bindplay="__e" bindpause="__e" class="data-v-70dd3f0b"></video></view><view hidden="{{!(videoControls)}}" class="poster data-v-70dd3f0b"><image class="image data-v-70dd3f0b" src="{{item.poster}}" mode="aspectFill"></image></view><view data-event-opts="{{[['tap',[['playVideo',['$event']]]]]}}" hidden="{{!(videoControls)}}" class="play-btn data-v-70dd3f0b" catchtap="__e"><image class="icon data-v-70dd3f0b" src="/static/images/stop.png" mode="aspectFit"></image></view></view></block><block wx:else><image class="slide-image data-v-70dd3f0b" src="{{item}}" mode="aspectFill"></image></block></swiper-item></block></swiper><view class="mirror-wrap data-v-70dd3f0b"><image class="mirror-image data-v-70dd3f0b" src="{{currentSlideImage}}" mode="aspectFill"></image></view><block wx:if="{{indicatorConfig.tabVal!==undefined}}"><view class="{{['indicators','data-v-70dd3f0b','pos-'+indicatorPosition]}}"><block wx:if="{{indicatorConfig.tabVal===0}}"><view class="indicator-line data-v-70dd3f0b"><block wx:for="{{sliderImage}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['line-item','data-v-70dd3f0b',(currentSwiper===index)?'active':'']}}" style="{{'background-color:'+(currentSwiper===index?selectColor:defaultColor)+';'}}"></view></block></view></block><block wx:if="{{indicatorConfig.tabVal===1}}"><view class="indicator-dot data-v-70dd3f0b"><block wx:for="{{sliderImage}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['dot-item','data-v-70dd3f0b',(currentSwiper===index)?'active':'']}}" style="{{'background-color:'+(currentSwiper===index?selectColor:defaultColor)+';'}}"></view></block></view></block><block wx:if="{{indicatorConfig.tabVal===2}}"><view class="indicator-number data-v-70dd3f0b"><view class="num-box data-v-70dd3f0b"><text class="current data-v-70dd3f0b">{{currentSwiper+1}}</text><text class="data-v-70dd3f0b">/</text><text class="total data-v-70dd3f0b">{{$root.g0}}</text></view></view></block></view></block><block wx:if="{{$root.g1}}"><view class="spec-style-4 data-v-70dd3f0b"><scroll-view class="spec-list data-v-70dd3f0b" scroll-x="true"><block wx:for="{{skuList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeSpec',['$0',index],[[['skuList','',index]]]]]]]}}" class="spec-item data-v-70dd3f0b" style="{{'border-color:'+(index===selectedIndex?specSelectedBorderColor:'transparent')+';'+('background:'+(index===selectedIndex?specSelectedBgColor:'#777777')+';')}}" bindtap="__e"><image src="{{item.image}}" mode="aspectFill" class="data-v-70dd3f0b"></image><view class="spec-info data-v-70dd3f0b"><view class="name line2 data-v-70dd3f0b" style="{{'color:'+(index===selectedIndex?specSelectedTextColor:specUnselectedTextColor)+';'}}">{{''+(item.suk||"规格")+''}}</view></view></view></block><view data-event-opts="{{[['tap',[['showSpecModal',['$event']]]]]}}" class="total-count data-v-70dd3f0b" style="{{'color:'+(specTextColor)+';'}}" bindtap="__e"><view class="data-v-70dd3f0b"><view class="data-v-70dd3f0b">{{$root.g2+"款"}}</view><view class="data-v-70dd3f0b">可选</view></view><text class="iconfont icon-jiantou data-v-70dd3f0b"></text></view></scroll-view></view></block></view><view class="info-box data-v-70dd3f0b"><block wx:if="{{$root.g3}}"><view class="{{['spec-top-section','data-v-70dd3f0b','style-'+specStyle]}}"><block wx:if="{{specStyle===0}}"><scroll-view class="spec-list data-v-70dd3f0b" scroll-x="true"><block wx:for="{{skuList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeSpec',['$0',index],[[['skuList','',index]]]]]]]}}" class="spec-item data-v-70dd3f0b" bindtap="__e"><image style="{{'border-color:'+(index===selectedIndex?specSelectedColor:'#eee')+';'}}" src="{{item.image}}" mode="aspectFill" class="data-v-70dd3f0b"></image></view></block></scroll-view></block><block wx:if="{{specStyle===0}}"><view data-event-opts="{{[['tap',[['showSpecModal',['$event']]]]]}}" class="total-count data-v-70dd3f0b" style="{{'color:'+(specTextColor)+';'}}" bindtap="__e"><view class="data-v-70dd3f0b"><view class="data-v-70dd3f0b">{{$root.g4+"款"}}</view><view class="data-v-70dd3f0b">可选</view></view><text class="iconfont icon-jiantou data-v-70dd3f0b"></text></view></block><block wx:if="{{specStyle===1}}"><view class="spec-list-text-wrapper data-v-70dd3f0b"><scroll-view class="spec-list-text data-v-70dd3f0b" scroll-x="true"><block wx:for="{{skuList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeSpec',['$0',index],[[['skuList','',index]]]]]]]}}" class="{{['spec-item','data-v-70dd3f0b',(index===selectedIndex)?'active':'']}}" style="{{'background:'+(index===selectedIndex?specSelectedBgColor:'#f5f5f5')+';'+('border-color:'+(index===selectedIndex?specSelectedColor:'transparent')+';')}}" bindtap="__e"><image src="{{item.image}}" mode="aspectFill" class="data-v-70dd3f0b"></image><text class="name line1 data-v-70dd3f0b" style="{{'color:'+(specSelectedTextColor)+';'}}">{{item.suk}}</text></view></block><view class="spacer data-v-70dd3f0b"></view></scroll-view><view data-event-opts="{{[['tap',[['showSpecModal',['$event']]]]]}}" class="total-count data-v-70dd3f0b" style="{{'color:'+(specTextColor)+';'}}" bindtap="__e"><text class="data-v-70dd3f0b">{{"共"+$root.g5+"款"}}</text><text class="iconfont icon-jiantou data-v-70dd3f0b"></text></view></view></block></view></block><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="info-item data-v-70dd3f0b"><block wx:if="{{item.$orig.name==='price'&&item.$orig.show}}"><view class="price-section data-v-70dd3f0b"><view class="price-row data-v-70dd3f0b"><block wx:if="{{item.g6}}"><view class="main-price-wrap data-v-70dd3f0b" style="{{'color:'+(finalPriceColor)+';'}}"><view class="label data-v-70dd3f0b">到手价</view><view class="symbol data-v-70dd3f0b">¥</view><view class="price data-v-70dd3f0b" style="{{'font-size:'+(priceFontSize+'px')+';'+('line-height:'+(priceFontSize+'px')+';')}}">{{displayInfo.real_price}}</view></view></block><block wx:if="{{item.g7}}"><view class="ot-price-wrap data-v-70dd3f0b" style="{{'color:'+(sellingPriceColor)+';'}}"><text class="label data-v-70dd3f0b">售价</text><text class="price data-v-70dd3f0b">{{"¥"+displayInfo.ot_price}}</text></view></block><block wx:if="{{item.g8}}"><view class="vip-price-wrap data-v-70dd3f0b"><text class="badge data-v-70dd3f0b">SVIP</text><text class="price data-v-70dd3f0b">{{"¥"+displayInfo.vip_price}}</text></view></block></view></view></block><block wx:if="{{item.$orig.name==='name'&&item.$orig.show}}"><view class="name-section data-v-70dd3f0b"><view class="title data-v-70dd3f0b" style="{{'color:'+(titleColor)+';'+('font-size:'+(titleFontSize+'px')+';')+('font-weight:'+('bold')+';')}}">{{productData.store_name}}</view></view></block><block wx:if="{{item.$orig.name==='data'&&item.$orig.show}}"><view class="data-section data-v-70dd3f0b"><block wx:if="{{item.g9}}"><text style="{{'color:'+(originalPriceColor)+';'}}" class="data-v-70dd3f0b">{{"原价: ¥"+displayInfo.ot_price}}</text></block><block wx:if="{{item.g10}}"><text style="{{'color:'+(stockColor)+';'}}" class="data-v-70dd3f0b">{{"库存: "+displayInfo.stock}}</text></block><block wx:if="{{item.g11}}"><text style="{{'color:'+(salesColor)+';'}}" class="data-v-70dd3f0b">{{"销量: "+displayInfo.fsales+displayInfo.unit_name}}</text></block></view></block><block wx:if="{{item.g12}}"><view class="tags-section data-v-70dd3f0b"><block wx:for="{{productData.label_list}}" wx:for-item="tag" wx:for-index="tIndex" wx:key="tIndex"><base-tag vue-id="{{('35f2d82e-2-'+index+'-'+tIndex)+','+('35f2d82e-1')}}" text="{{tag.name}}" color="{{tag.font_color}}" background="{{tag.bg_color}}" borderColor="{{tag.border_color}}" circle="{{tag.border_color?true:false}}" imgSrc="{{tag.image}}" size="middle" class="data-v-70dd3f0b" bind:__l="__l"></base-tag></block></view></block></view></block><block wx:if="{{$root.g13}}"><view class="spec-bottom-section data-v-70dd3f0b"><view class="spec-list-wrapper data-v-70dd3f0b"><scroll-view class="spec-list data-v-70dd3f0b" scroll-x="true"><block wx:for="{{skuList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeSpec',['$0',index],[[['skuList','',index]]]]]]]}}" class="spec-item data-v-70dd3f0b" style="{{'border-color:'+(index===selectedIndex?specSelectedBorderColor:'transparent')+';'}}" bindtap="__e"><image src="{{item.image}}" mode="aspectFill" class="data-v-70dd3f0b"></image><view class="name line1 data-v-70dd3f0b" style="{{'color:'+(index===selectedIndex?specSelectedTextColor:specUnselectedTextColor)+';'+('background:'+(index===selectedIndex?specSelectedBgColor:'#f5f5f5')+';')}}">{{''+item.suk+''}}</view></view></block><view class="spacer data-v-70dd3f0b"></view></scroll-view><view data-event-opts="{{[['tap',[['showSpecModal',['$event']]]]]}}" class="total-count data-v-70dd3f0b" bindtap="__e"><view class="data-v-70dd3f0b"><view class="data-v-70dd3f0b">{{$root.g14+"款"}}</view><view class="data-v-70dd3f0b">可选</view></view><text class="iconfont icon-jiantou data-v-70dd3f0b"></text></view></view></view></block></view></view></common-wrapper></view></block>