CRMEB/crmeb/public/statics/mp_view/pages/goods_details/index.wxml

<view class="product-con data-v-5dd50f7d" style="{{(colorStyle)}}"><skeleton vue-id="b6429a9a-1" show="{{showSkeleton}}" isNodes="{{isNodes}}" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF" data-ref="skeleton" class="data-v-5dd50f7d vue-ref" bind:__l="__l"></skeleton><view class="product-con skeleton data-v-5dd50f7d" style="{{'visibility:'+(showSkeleton?'hidden':'visible')+';'}}"><view class="navbar data-v-5dd50f7d" style="{{'height:'+(navH+'rpx')+';'+('opacity:'+(opacity)+';')}}"><view class="navbarH data-v-5dd50f7d" style="{{('height:'+navH+'rpx;')}}"><view class="navbarCon acea-row row-center-wrapper data-v-5dd50f7d" style="{{'padding-right:'+(navbarRight-20+'px')+';'}}"><view class="header acea-row row-center-wrapper data-v-5dd50f7d"><block wx:for="{{navList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['tap',[index]]]]]}}" class="{{['item','data-v-5dd50f7d',navActive===index?'on':'']}}" bindtap="__e">{{item}}</view></block></view></view></view></view><view class="{{['home','acea-row','row-center-wrapper','data-v-5dd50f7d',opacity>0.5?'on':'']}}" style="{{'top:'+(homeTop+'rpx')+';'}}" id="home"><view data-event-opts="{{[['tap',[['returns',['$event']]]]]}}" class="iconfont icon-fanhui2 data-v-5dd50f7d" bindtap="__e"></view><view class="line data-v-5dd50f7d"></view><view data-event-opts="{{[['tap',[['moreNav',['$event']]]]]}}" class="iconfont icon-gengduo5 data-v-5dd50f7d" bindtap="__e"></view></view><home-list vue-id="b6429a9a-2" navH="{{navH}}" returnShow="{{returnShow}}" currentPage="{{currentPage}}" sysHeight="{{sysHeight}}" class="data-v-5dd50f7d" bind:__l="__l"></home-list><view class="data-v-5dd50f7d"><scroll-view style="{{('height:'+height+'px;')}}" scroll-top="{{scrollTop}}" scroll-y="true" scroll-with-animation="true" data-event-opts="{{[['scroll',[['scroll',['$event']]]]]}}" bindscroll="__e" class="data-v-5dd50f7d"><view id="past0" class="data-v-5dd50f7d"><view style="{{('width:100%;'+'height:'+sysHeight)}}" class="data-v-5dd50f7d"></view><product-con-swiper class="skeleton-rect data-v-5dd50f7d" vue-id="b6429a9a-3" imgUrls="{{storeInfo.slider_image}}" videoline="{{storeInfo.video_link}}" data-event-opts="{{[['^videoPause',[['videoPause']]]]}}" bind:videoPause="__e" bind:__l="__l"></product-con-swiper><view class="wrapper data-v-5dd50f7d"><view class="share acea-row row-between row-bottom data-v-5dd50f7d"><view class="money font-color skeleton-rect data-v-5dd50f7d">￥<text class="num data-v-5dd50f7d">{{storeInfo.price||0}}</text><block wx:if="{{storeInfo.spec_type}}"><text class="data-v-5dd50f7d">起</text></block><block wx:if="{{storeInfo.vip_price&&storeInfo.vip_price>0&&storeInfo.is_vip==1}}"><text class="vip-money data-v-5dd50f7d">{{"￥"+storeInfo.vip_price}}</text></block><block wx:if="{{storeInfo.vip_price&&storeInfo.vip_price>0&&storeInfo.is_vip==1}}"><image src="../../static/images/svip.gif" class="data-v-5dd50f7d"></image></block></view><view data-event-opts="{{[['tap',[['listenerActionSheet',['$event']]]]]}}" class="iconfont icon-fenxiang skeleton-rect data-v-5dd50f7d" bindtap="__e"></view></view><view class="introduce skeleton-rect data-v-5dd50f7d">{{storeInfo.store_name}}</view><view class="label acea-row row-between-wrapper data-v-5dd50f7d" style="padding-bottom:20rpx;"><view class="skeleton-rect data-v-5dd50f7d">{{'原价:￥'+(storeInfo.ot_price||0)}}</view><view class="skeleton-rect data-v-5dd50f7d">{{'库存:'+(storeInfo.stock||0)+(storeInfo.unit_name||'')}}</view><view class="skeleton-rect data-v-5dd50f7d">{{'销量:'+(storeInfo.fsales||0)+(storeInfo.unit_name||'')}}</view></view><block wx:if="{{!is_money_level&&storeInfo.vip_price&&storeInfo.is_vip}}"><view class="svip acea-row row-between-wrapper data-v-5dd50f7d"><view class="data-v-5dd50f7d">{{"开通“超级会员”立省"+diff+"元"}}</view><navigator url="/pages/annex/vip_paid/index" class="data-v-5dd50f7d">立即开通<text class="iconfont icon-jiantou data-v-5dd50f7d"></text></navigator></view></block><block wx:if="{{storeInfo.presale}}"><view class="presell_count data-v-5dd50f7d"><view class="data-v-5dd50f7d"><view class="data-v-5dd50f7d">预售活动时间：</view><block wx:if="{{storeInfo.presale_start_time&&storeInfo.presale_end_time}}"><view class="presell_time data-v-5dd50f7d"><view class="iconfont icon-shijian1 data-v-5dd50f7d"></view>{{''+storeInfo.presale_start_time+''}}<label class="area_line _span data-v-5dd50f7d">~</label>{{''+storeInfo.presale_end_time+''}}</view></block></view><view class="data-v-5dd50f7d">{{"预售结束后"+storeInfo.presale_day+"天内发货"}}</view></view></block><block wx:if="{{couponList.length}}"><view data-event-opts="{{[['tap',[['couponTap',['$event']]]]]}}" class="coupon acea-row row-between-wrapper skeleton-rect data-v-5dd50f7d" style="margin-top:0rpx;" bindtap="__e"><view class="hide line1 acea-row data-v-5dd50f7d">优惠券：<block wx:for="{{couponList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{index<2}}"><view class="activity data-v-5dd50f7d">{{'满'+item.use_min_price+"减"+item.coupon_price}}</view></block></block></view><view class="iconfont icon-jiantou data-v-5dd50f7d"></view></view></block><block wx:if="{{activity.length}}"><view class="coupon acea-row row-between-wrapper skeleton-rect data-v-5dd50f7d"><view class="line1 acea-row data-v-5dd50f7d"><text class="data-v-5dd50f7d">活   动：</text><block wx:for="{{activity}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['goActivity',['$0'],[[['activity','',index]]]]]]]}}" bindtap="__e" class="data-v-5dd50f7d"><block wx:if="{{item.type==='1'}}"><view class="{{['data-v-5dd50f7d',index==0?'activity_pin':''||index==1?'activity_miao':''||index==2?'activity_kan':'']}}"><text class="iconfonts iconfont icon-pintuan data-v-5dd50f7d"></text><text class="activity_title data-v-5dd50f7d">参与秒杀</text></view></block><block wx:if="{{item.type==='2'}}"><view class="{{['data-v-5dd50f7d',index==0?'activity_pin':''||index==1?'activity_miao':''||index==2?'activity_kan':'']}}"><text class="iconfonts iconfont icon-shenhezhong data-v-5dd50f7d"></text><text class="activity_title data-v-5dd50f7d">参与砍价</text></view></block><block wx:if="{{item.type==='3'}}"><view class="{{['data-v-5dd50f7d',index==0?'activity_pin':''||index==1?'activity_miao':''||index==2?'activity_kan':'']}}"><text class="iconfonts iconfont icon-kanjia data-v-5dd50f7d"></text><text class="activity_title data-v-5dd50f7d">参与拼团</text></view></block></view></block></view></view></block></view><block wx:if="{{attr.productAttr.length}}"><view data-event-opts="{{[['tap',[['selecAttr',['$event']]]]]}}" class="attribute acea-row row-between-wrapper skeleton-rect data-v-5dd50f7d" bindtap="__e"><view class="flex data-v-5dd50f7d"><view style="display:flex;align-items:center;width:90%;" class="data-v-5dd50f7d"><view class="attr-txt data-v-5dd50f7d">{{''+attrTxt+'：'}}</view><view class="atterTxt line1 data-v-5dd50f7d" style="width:82%;">{{attrValue}}</view></view><view class="iconfont icon-jiantou data-v-5dd50f7d"></view></view><block wx:if="{{skuArr.length>1}}"><view class="acea-row row-between-wrapper data-v-5dd50f7d" style="margin-top:7px;padding-left:60px;"><view class="flexs data-v-5dd50f7d"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><image class="attrImg data-v-5dd50f7d" src="{{item.image}}"></image></block></view><view class="switchTxt data-v-5dd50f7d">{{"共"+skuArr.length+"种规格可选"}}</view></view></block></view></block></view><block wx:if="{{replyCount}}"><view class="userEvaluation skeleton-rect data-v-5dd50f7d" id="past1"><view class="title acea-row row-between-wrapper data-v-5dd50f7d"><view class="data-v-5dd50f7d">{{"用户评价("+replyCount+")"}}</view><navigator class="praise data-v-5dd50f7d" hover-class="none" url="{{'/pages/users/goods_comment_list/index?product_id='+id}}"><text class="font-num data-v-5dd50f7d">{{replyChance+"%"}}</text>好评率<text class="iconfont icon-jiantou data-v-5dd50f7d"></text></navigator></view><block wx:if="{{replyCount}}"><block class="data-v-5dd50f7d"><user-evaluation vue-id="b6429a9a-4" reply="{{reply}}" class="data-v-5dd50f7d" bind:__l="__l"></user-evaluation></block></block></view></block><block wx:if="{{good_list.length}}"><view class="superior data-v-5dd50f7d" id="past2"><view class="title acea-row row-center-wrapper data-v-5dd50f7d"><view class="lingw acea-row row-center-wrapper data-v-5dd50f7d"><view class="lingn data-v-5dd50f7d"></view></view><view class="titleTxt data-v-5dd50f7d">优品推荐</view><view class="lingw acea-row row-center-wrapper data-v-5dd50f7d"><view class="lingn data-v-5dd50f7d"></view></view></view><view class="slider-banner banner data-v-5dd50f7d"><swiper style="{{('height:'+clientHeight+'px')}}" indicator-dots="true" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" indicator-color="#999" indicator-active-color="var(--view-theme)" class="data-v-5dd50f7d"><block wx:for="{{good_list}}" wx:for-item="item" wx:for-index="indexw" wx:key="indexw"><swiper-item class="data-v-5dd50f7d"><view class="list acea-row row-middle data-v-5dd50f7d" id="{{'list'+indexw}}"><block wx:for="{{item.list}}" wx:for-item="val" wx:for-index="indexn" wx:key="indexn"><view data-event-opts="{{[['tap',[['goDetail',['$0'],[[['good_list','',indexw],['list','',indexn]]]]]]]}}" class="item data-v-5dd50f7d" bindtap="__e"><view class="pictrue data-v-5dd50f7d"><image src="{{val.image}}" class="data-v-5dd50f7d"></image><block wx:if="{{val.activity&&val.activity.type==='1'}}"><label class="pictrue_log pictrue_log_class _span data-v-5dd50f7d">秒杀</label></block><block wx:if="{{val.activity&&val.activity.type==='2'}}"><label class="pictrue_log pictrue_log_class _span data-v-5dd50f7d">砍价</label></block><block wx:if="{{val.activity&&val.activity.type==='3'}}"><label class="pictrue_log pictrue_log_class _span data-v-5dd50f7d">拼团</label></block></view><view class="name line1 data-v-5dd50f7d">{{val.store_name}}</view><view class="money font-color data-v-5dd50f7d">{{"¥"+val.price}}</view></view></block></view></swiper-item></block></swiper></view></view></block><view class="product-intro data-v-5dd50f7d" id="past3"><view class="title data-v-5dd50f7d">产品介绍</view><view class="conter data-v-5dd50f7d"><parser vue-id="b6429a9a-5" html="{{description}}" tag-style="{{tagStyle}}" data-ref="article" class="data-v-5dd50f7d vue-ref" bind:__l="__l"></parser></view></view></scroll-view></view><view class="footer acea-row row-between-wrapper data-v-5dd50f7d"><navigator class="item skeleton-rect data-v-5dd50f7d" hover-class="none" open-type="switchTab" url="/pages/index/index"><view class="iconfont icon-shouye6 data-v-5dd50f7d"></view><view class="p_center data-v-5dd50f7d">首页</view></navigator><view data-event-opts="{{[['tap',[['setCollect',['$event']]]]]}}" class="item skeleton-rect data-v-5dd50f7d" bindtap="__e"><block wx:if="{{storeInfo.userCollect}}"><view class="iconfont icon-shoucang1 data-v-5dd50f7d"></view></block><block wx:else><view class="iconfont icon-shoucang data-v-5dd50f7d"></view></block><view class="p_center data-v-5dd50f7d">收藏</view></view><view data-event-opts="{{[['tap',[['goCart',['$event']]]]]}}" class="{{['animated','item','skeleton-rect','data-v-5dd50f7d',animated==true?'bounceIn':'']}}" bindtap="__e"><view class="iconfont icon-gouwuche1 data-v-5dd50f7d"><block wx:if="{{$root.m0>0}}"><text class="num bg-color data-v-5dd50f7d">{{CartCount||0}}</text></block></view><view class="p_center skeleton-rect data-v-5dd50f7d">购物车</view></view><block wx:if="{{a}}"><view class="presale data-v-5dd50f7d"><view class="acea-row data-v-5dd50f7d"><form class=" bnts bg-color-hui data-v-5dd50f7d"><button class=" bnts bg-color-hui data-v-5dd50f7d" form-type="submit">暂无产品</button></form></view></view></block><block wx:else><view class="data-v-5dd50f7d"><block wx:if="{{!storeInfo.presale}}"><view class="data-v-5dd50f7d"><block wx:if="{{attr.productSelect.stock<=0}}"><view class="{{['bnt','acea-row','data-v-5dd50f7d',!storeInfo.cart_button?'virbnt':'']}}"><block wx:if="{{storeInfo.cart_button}}"><form data-event-opts="{{[['submit',[['joinCart',['$event']]]]]}}" class="{{['joinCart','bnts','data-v-5dd50f7d',!storeInfo.cart_button?'virbnt':'']}}" bindsubmit="__e"><button class="joinCart bnts data-v-5dd50f7d" form-type="submit">加入购物车</button></form></block><form class="buy bnts bg-color-hui data-v-5dd50f7d"><button class="{{['buy','bnts','bg-color-hui','data-v-5dd50f7d',!storeInfo.cart_button?'virbnt':'']}}" form-type="submit">已售罄</button></form></view></block><block wx:else><view class="bnt acea-row skeleton-rect data-v-5dd50f7d"><block wx:if="{{storeInfo.cart_button}}"><form data-event-opts="{{[['submit',[['joinCart',['$event']]]]]}}" class="joinCart bnts data-v-5dd50f7d" bindsubmit="__e"><button class="joinCart bnts data-v-5dd50f7d" form-type="submit">加入购物车</button></form></block><form data-event-opts="{{[['submit',[['goBuy',['$event']]]]]}}" class="{{['buy','bnts','data-v-5dd50f7d',!storeInfo.cart_button?'virbnt':'']}}" bindsubmit="__e"><button class="{{['buy','bnts','data-v-5dd50f7d',!storeInfo.cart_button?'virbnt':'']}}" form-type="submit">立即购买</button></form></view></block></view></block><block wx:else><view class="presale data-v-5dd50f7d"><block wx:if="{{presale_pay_status===1||presale_pay_status===3}}"><view class="acea-row data-v-5dd50f7d"><form class="bnts bg-color-hui data-v-5dd50f7d"><button class="bnts bg-color-hui data-v-5dd50f7d" form-type="submit">{{presale_pay_status===1?'未开始':'已结束'}}</button></form></view></block><block wx:else><block wx:if="{{attr.productSelect.quota<=0||attr.productSelect.quota<attr.productSelect.cart_num}}"><view class="acea-row data-v-5dd50f7d"><form class=" bnts bg-color-hui data-v-5dd50f7d"><button class=" bnts bg-color-hui data-v-5dd50f7d" form-type="submit">已售罄</button></form></view></block><block wx:else><block wx:if="{{presale_pay_status===2}}"><view class="bnts acea-row data-v-5dd50f7d"><form data-event-opts="{{[['submit',[['goBuy',['$event']]]]]}}" class="bnts data-v-5dd50f7d" bindsubmit="__e"><button class="bnts data-v-5dd50f7d" form-type="submit">立即购买</button></form></view></block></block></block></view></block></view></block></view><share-red-packets vue-id="b6429a9a-6" sharePacket="{{sharePacket}}" showAnimate="{{showAnimate}}" data-event-opts="{{[['^listenerActionSheet',[['listenerActionSheet']]],['^closeChange',[['closeChange']]],['^boxStatus',[['boxStatus']]]]}}" bind:listenerActionSheet="__e" bind:closeChange="__e" bind:boxStatus="__e" class="data-v-5dd50f7d" bind:__l="__l"></share-red-packets><product-window vue-id="b6429a9a-7" attr="{{attr}}" isShow="{{1}}" iSplus="{{1}}" id="product-window" is_vip="{{is_vip}}" is_virtual="{{storeInfo.is_virtual}}" data-event-opts="{{[['^myevent',[['onMyEvent']]],['^ChangeAttr',[['ChangeAttr']]],['^ChangeCartNum',[['ChangeCartNum']]],['^attrVal',[['attrVal']]],['^iptCartNum',[['iptCartNum']]],['^getImg',[['showImg']]]]}}" bind:myevent="__e" bind:ChangeAttr="__e" bind:ChangeCartNum="__e" bind:attrVal="__e" bind:iptCartNum="__e" bind:getImg="__e" class="data-v-5dd50f7d" bind:__l="__l"></product-window><cus-preview-img vue-id="b6429a9a-8" list="{{skuArr}}" data-ref="cusPreviewImg" data-event-opts="{{[['^changeSwitch',[['changeSwitch']]],['^shareFriend',[['listenerActionSheet']]]]}}" bind:changeSwitch="__e" bind:shareFriend="__e" class="data-v-5dd50f7d vue-ref" bind:__l="__l"></cus-preview-img><block wx:if="{{coupon}}"><coupon-list-window vue-id="b6429a9a-9" coupon="{{coupon}}" data-event-opts="{{[['^ChangCouponsClone',[['ChangCouponsClone']]],['^ChangCoupons',[['ChangCoupons']]],['^ChangCouponsUseState',[['ChangCouponsUseState']]],['^tabCouponType',[['tabCouponType']]]]}}" bind:ChangCouponsClone="__e" bind:ChangCoupons="__e" bind:ChangCouponsUseState="__e" bind:tabCouponType="__e" class="data-v-5dd50f7d" bind:__l="__l"></coupon-list-window></block><view class="{{['generate-posters','acea-row','row-middle','data-v-5dd50f7d',posters?'on':'']}}"><button class="item data-v-5dd50f7d" open-type="share" hover-class="none" data-event-opts="{{[['tap',[['goFriend',['$event']]]]]}}" bindtap="__e"><view class="iconfont icon-weixin3 data-v-5dd50f7d"></view><view class="data-v-5dd50f7d">发送给朋友</view></button><button class="item data-v-5dd50f7d" hover-class="none" data-event-opts="{{[['tap',[['goPoster',['$event']]]]]}}" bindtap="__e"><view class="iconfont icon-haibao data-v-5dd50f7d"></view><view class="data-v-5dd50f7d">生成海报</view></button></view><block wx:if="{{posters}}"><view data-event-opts="{{[['tap',[['listenerActionClose',['$event']]]]]}}" class="mask data-v-5dd50f7d" bindtap="__e"></view></block><block wx:if="{{posterImageStatus}}"><view class="poster-pop data-v-5dd50f7d"><image class="close data-v-5dd50f7d" src="../../static/images/poster-close.png" data-event-opts="{{[['tap',[['posterImageClose',['$event']]]]]}}" bindtap="__e"></image><image src="{{posterImage}}" class="data-v-5dd50f7d"></image><view data-event-opts="{{[['tap',[['savePosterPath',['$event']]]]]}}" class="save-poster data-v-5dd50f7d" bindtap="__e">保存到手机</view></view></block><block wx:if="{{posterImageStatus}}"><view class="mask data-v-5dd50f7d"></view></block><block wx:if="{{canvasStatus}}"><canvas class="canvas data-v-5dd50f7d" canvas-id="myCanvas"></canvas></block><block wx:if="{{H5ShareBox}}"><view class="share-box data-v-5dd50f7d"><image src="/static/images/share-info.png" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e" class="data-v-5dd50f7d"></image></view></block><kefu-icon vue-id="b6429a9a-10" ids="{{$root.m1}}" routineContact="{{routineContact}}" storeInfo="{{storeInfo}}" goodsCon="{{1}}" class="data-v-5dd50f7d" bind:__l="__l"></kefu-icon></view></view>