mp-weixin-2811-xcx.aigc-quickapp.com/components/goods-detail-view/goods-detail-view.wxml

<view class="data-v-7403e7f0"><view class="{{['goods-detail','data-v-7403e7f0',isIphoneX?'active':'']}}" scroll-y="true"><view class="goods-container data-v-7403e7f0"><block wx:if="{{goodsSkuDetail.barrage_show&&goodsSkuDetail.barrageData}}"><pengpai-fadein-out vue-id="374c1da8-1" duration="{{1600}}" wait="{{1900}}" top="{{200}}" left="{{0}}" radius="{{60}}" loop="{{true}}" info="{{goodsSkuDetail.barrageData}}" data-ref="pengpai" class="data-v-7403e7f0 vue-ref" bind:__l="__l"></pengpai-fadein-out></block><view class="goods-media data-v-7403e7f0" style="{{'height:'+(goodsSkuDetail.swiperHeight)+';'}}"><view class="{{['goods-img','data-v-7403e7f0',(switchMedia=='img')?'show':'']}}"><swiper class="swiper data-v-7403e7f0" interval="4000" autoplay="true" circular="true" data-event-opts="{{[['change',[['swiperChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item item-id="{{'goods_id_'+index}}" class="data-v-7403e7f0"><view data-event-opts="{{[['tap',[['previewMedia',[index]]]]]}}" class="item data-v-7403e7f0" bindtap="__e"><image src="{{item.g0}}" mode="aspectFit" data-event-opts="{{[['error',[['swiperImageError',[index]]]]]}}" binderror="__e" class="data-v-7403e7f0"></image></view></swiper-item></block></swiper><view class="img-indicator-dots data-v-7403e7f0"><text class="data-v-7403e7f0">{{swiperCurrent}}</text><block wx:if="{{goodsSkuDetail.sku_images}}"><text class="data-v-7403e7f0">{{"/"+$root.g1}}</text></block></view></view><view class="{{['goods-video','data-v-7403e7f0',(switchMedia=='video')?'show':'']}}"><video id="goodsVideo" src="{{$root.g2}}" poster="{{$root.g3}}" objectFit="cover" class="data-v-7403e7f0"></video></view><block wx:if="{{goodsSkuDetail.video_url!=''}}"><view class="media-mode data-v-7403e7f0"><text data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="{{['data-v-7403e7f0',(switchMedia=='video')?'color-base-bg':'']}}" bindtap="__e">{{$root.m0}}</text><text data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="{{['data-v-7403e7f0',(switchMedia=='img')?'color-base-bg':'']}}" bindtap="__e">{{$root.m1}}</text></view></block></view><view class="goods-gression data-v-7403e7f0"><slot name="price"></slot></view><block wx:if="{{goodsSkuDetail.isinformation==0}}"><view class="newdetail margin-bottom data-v-7403e7f0"><slot name="entrance"></slot><block wx:if="{{goodsSkuDetail.is_virtual==0}}"><view class="item delivery-type data-v-7403e7f0"><view class="label data-v-7403e7f0">{{$root.m2}}</view><block wx:if="{{deliveryType}}"><block class="data-v-7403e7f0"><view class="box data-v-7403e7f0"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-7403e7f0"><block wx:if="{{item.g4!=-1}}"><text class="data-v-7403e7f0">{{item.m3}}</text></block></block></block></view><text class="iconfont icon-right data-v-7403e7f0"></text></block></block><block wx:else><block class="data-v-7403e7f0"><view class="box data-v-7403e7f0">未配置</view></block></block></view></block><block wx:if="{{$root.g5}}"><view data-event-opts="{{[['tap',[['openMerchantsServicePopup']]]]}}" class="item service data-v-7403e7f0" bindtap="__e"><view class="label data-v-7403e7f0">服务</view><view class="list-wrap data-v-7403e7f0"><block wx:for="{{$root.l2}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{index<3}}"><view class="item-wrap data-v-7403e7f0"><view class="item-wrap-box data-v-7403e7f0"><view class="item-wrap-icon data-v-7403e7f0"><block wx:if="{{!item.$orig.icon||!item.$orig.icon.imageUrl&&!item.$orig.icon.icon}}"><text class="iconfont icon-dui data-v-7403e7f0"></text></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='img'}}"><image class="icon-img data-v-7403e7f0" src="{{item.g6}}"></image></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='icon'}}"><diy-icon class="icon-box data-v-7403e7f0" vue-id="{{'374c1da8-2-'+index}}" icon="{{item.$orig.icon.icon}}" value="{{item.$orig.icon.style?item.$orig.icon.style:null}}" bind:__l="__l"></diy-icon></block></block></block></view><text class="data-v-7403e7f0">{{item.$orig.service_name}}</text></view></view></block></block></view><text class="iconfont icon-right data-v-7403e7f0"></text></view></block></view></block><block wx:if="{{goodsSkuDetail.sku_spec_format}}"><view class="newdetail margin-bottom data-v-7403e7f0"><slot name="skuspec"></slot></view></block><block wx:if="{{goodsSkuDetail.merch_id>0}}"><view class="newdetail margin-bottom data-v-7403e7f0"><slot name="entrance"></slot><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="item store-wrap data-v-7403e7f0" bindtap="__e"><view class="list-wrap data-v-7403e7f0" style="display:flex;"><view class="name-wrap data-v-7403e7f0"><image style="width:100rpx;height:100rpx;border-radius:50rpx;" src="{{$root.g7}}" mode="widthFix" class="data-v-7403e7f0"></image></view><view class="other-wrap data-v-7403e7f0"><view class="address data-v-7403e7f0" style="margin-left:30rpx;"><view class="data-v-7403e7f0">{{goodsSkuDetail.merchinfo.merch_name}}</view><view style="font-size:24rpx;color:#888;" class="data-v-7403e7f0">官方认证商家，值得信赖！</view></view></view></view><text class="iconfont icon-right data-v-7403e7f0"></text></view></view></block><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-7403e7f0"><uni-popup vue-id="374c1da8-3" type="bottom" data-ref="deliveryType" class="data-v-7403e7f0 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="deliverytype-popup-layer popup-layer data-v-7403e7f0"><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" class="head-wrap data-v-7403e7f0" bindtap="__e"><text class="data-v-7403e7f0">配送</text><text class="iconfont icon-close data-v-7403e7f0"></text></view><scroll-view class="type-body data-v-7403e7f0" scroll-y="{{true}}"><block wx:for="{{$root.l3}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-7403e7f0"><view class="{{['type-item','data-v-7403e7f0',(item.g8==-1)?'not-support':'']}}"><text class="{{['iconfont','data-v-7403e7f0',item.$orig.icon]}}"></text><view class="content data-v-7403e7f0"><view class="title data-v-7403e7f0">{{item.$orig.name}}</view><view class="desc data-v-7403e7f0">{{item.$orig.desc}}</view></view></view></block></block></scroll-view></view></uni-popup></view><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-7403e7f0"><uni-popup vue-id="374c1da8-4" type="bottom" data-ref="merchantsServicePopup" class="data-v-7403e7f0 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="goods-merchants-service-popup-layer popup-layer data-v-7403e7f0"><view data-event-opts="{{[['tap',[['closeMerchantsServicePopup']]]]}}" class="head-wrap data-v-7403e7f0" bindtap="__e"><text class="data-v-7403e7f0">商品服务</text><text class="iconfont icon-close data-v-7403e7f0"></text></view><scroll-view scroll-y="{{true}}" class="data-v-7403e7f0"><block wx:for="{{$root.l4}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['item','data-v-7403e7f0',(!item.$orig.desc)?'empty-desc':'']}}"><view class="{{['item-icon','data-v-7403e7f0',(!item.$orig.desc)?'empty-desc':'']}}"><block wx:if="{{!item.$orig.icon||!item.$orig.icon.imageUrl&&!item.$orig.icon.icon}}"><text class="iconfont icon-dui color-base-text data-v-7403e7f0"></text></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='img'}}"><image class="icon-img data-v-7403e7f0" src="{{item.g9}}"></image></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='icon'}}"><diy-icon class="icon-box data-v-7403e7f0" vue-id="{{('374c1da8-5-'+index)+','+('374c1da8-4')}}" icon="{{item.$orig.icon.icon}}" value="{{item.$orig.icon.style?item.$orig.icon.style:null}}" bind:__l="__l"></diy-icon></block></block></block></view><view class="info-wrap data-v-7403e7f0"><text class="title data-v-7403e7f0">{{item.$orig.service_name}}</text><block wx:if="{{item.$orig.desc}}"><text class="describe data-v-7403e7f0">{{item.$orig.desc}}</text></block></view></view></block></scroll-view><view class="button-box data-v-7403e7f0"><button type="primary" data-event-opts="{{[['tap',[['closeMerchantsServicePopup']]]]}}" bindtap="__e" class="data-v-7403e7f0">确定</button></view></view></uni-popup></view><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-7403e7f0"><uni-popup vue-id="374c1da8-6" type="bottom" data-ref="storeListPopup" class="data-v-7403e7f0 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="goods-merchants-service-popup-layer popup-layer store-list-wrap data-v-7403e7f0"><view data-event-opts="{{[['tap',[['closeStoreListPopup']]]]}}" class="head-wrap data-v-7403e7f0" bindtap="__e"><text class="data-v-7403e7f0">门店列表</text><text class="iconfont icon-close data-v-7403e7f0"></text></view><scroll-view scroll-y="{{true}}" class="data-v-7403e7f0"><view class="store-list-content data-v-7403e7f0"><block wx:for="{{$root.l5}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['selectStore',['$0'],[[['storeList.data','',index]]]]]]]}}" class="list-item data-v-7403e7f0" bindtap="__e"><view class="item-box data-v-7403e7f0"><view class="item-image data-v-7403e7f0"><block wx:if="{{item.$orig.store_image}}"><image src="{{item.g10}}" class="data-v-7403e7f0"></image></block><block wx:else><image src="{{item.g11.store}}" class="data-v-7403e7f0"></image></block></view><view class="item-info data-v-7403e7f0"><view class="item-title data-v-7403e7f0"><text class="title data-v-7403e7f0">{{item.$orig.store_name}}</text><block wx:if="{{item.$orig.distance}}"><text class="distance color-base-text data-v-7403e7f0">{{'距离'+(item.$orig.distance>1?item.$orig.distance+'km':item.$orig.distance*1000+'m')+''}}</text></block></view><block wx:if="{{item.$orig.open_date}}"><view class="item-time data-v-7403e7f0">{{"营业时间："+item.$orig.open_date+''}}</view></block><view class="item-address data-v-7403e7f0">{{item.$orig.full_address+item.$orig.address}}</view></view><view class="item-right data-v-7403e7f0"><text class="iconfont icon-right data-v-7403e7f0"></text></view></view></view></block></view></scroll-view></view></uni-popup></view><slot name="business"></slot><block wx:if="{{goodsSkuDetail.qr_data&&goodsSkuDetail.qr_data.qr_state==1}}"><view class="detail-community data-v-7403e7f0"><view class="community-box data-v-7403e7f0"><image src="{{$root.g12}}" mode="aspectFill" class="data-v-7403e7f0"></image><view class="community-content data-v-7403e7f0"><view class="community-title data-v-7403e7f0">{{goodsSkuDetail.qr_data.qr_name}}</view><view class="community-txt data-v-7403e7f0">{{goodsSkuDetail.qr_data.community_describe}}</view></view></view><view data-event-opts="{{[['tap',[['onCommunity']]]]}}" class="community-btn data-v-7403e7f0" bindtap="__e">添加</view></view></block><slot name="articipation"></slot><block wx:if="{{evaluateConfig.evaluate_show==1&&goodsSkuDetail.isinformation==0}}"><view class="group-wrap data-v-7403e7f0" style="display:none;"><view data-event-opts="{{[['tap',[['toEvaluateDetail',['$0'],['goodsSkuDetail.goods_id']]]]]}}" class="goods-evaluate data-v-7403e7f0" bindtap="__e"><view class="tit data-v-7403e7f0"><view class="data-v-7403e7f0"><text class="color-title font-size-base data-v-7403e7f0">评价<text class="font-size-base data-v-7403e7f0">{{"("+evaluateCount+")"}}</text></text><block wx:if="{{!evaluateCount}}"><text class="evaluate-item-empty data-v-7403e7f0">暂无评价</text></block><block wx:else><view class="evaluate-item-empty data-v-7403e7f0"><text class="font-size-tag data-v-7403e7f0">查看全部</text><text class="iconfont icon-right font-size-tag data-v-7403e7f0"></text></view></block></view></view><block wx:for="{{$root.l7}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{item.$orig.content}}"><view class="evaluate-item data-v-7403e7f0"><view class="evaluator data-v-7403e7f0"><view class="evaluator-info data-v-7403e7f0"><view class="evaluator-face data-v-7403e7f0"><block wx:if="{{item.$orig.member_headimg}}"><image src="{{item.g13}}" mode="aspectFill" data-event-opts="{{[['error',[['e4',['$event']]]]]}}" data-event-params="{{({item:item.$orig})}}" binderror="__e" class="data-v-7403e7f0"></image></block><block wx:else><image src="{{item.g14.head}}" mode="aspectFill" data-event-opts="{{[['error',[['e5',['$event']]]]]}}" data-event-params="{{({item:item.$orig})}}" binderror="__e" class="data-v-7403e7f0"></image></block></view><view class="evaluator-name-wrap data-v-7403e7f0"><block wx:if="{{item.g15}}"><text class="evaluator-name using-hidden data-v-7403e7f0">{{''+item.$orig.member_name[0]+"***"+item.$orig.member_name[item.g16-1]+''}}</text></block><block wx:else><text class="evaluator-name using-hidden data-v-7403e7f0">{{item.$orig.member_name}}</text></block><block wx:if="{{item.$orig.scores}}"><view class="evaluator-xing data-v-7403e7f0"><xiao-star-component vue-id="{{'374c1da8-7-'+index}}" starCount="{{item.$orig.scores*2}}" class="data-v-7403e7f0" bind:__l="__l"></xiao-star-component></view></block></view></view><text class="time color-tip data-v-7403e7f0">{{item.g17}}</text></view><view class="cont margin-top data-v-7403e7f0">{{item.$orig.content}}</view><scroll-view scroll-x="true" class="data-v-7403e7f0"><block wx:if="{{item.$orig.images}}"><view class="evaluate-img data-v-7403e7f0"><block wx:for="{{item.l6}}" wx:for-item="img" wx:for-index="img_index" wx:key="img_index"><view data-event-opts="{{[['tap',[['previewEvaluate',[index,img_index,'images']]]]]}}" class="img-box data-v-7403e7f0" bindtap="__e"><image src="{{img.g18}}" mode="aspectFill" class="data-v-7403e7f0"></image></view></block></view></block></scroll-view></view></block></block></view></view></block><block wx:if="{{$root.g19}}"><view class="goods-attr data-v-7403e7f0"><view class="title data-v-7403e7f0">规格属性</view><view class="attr-wrap data-v-7403e7f0"><block wx:for="{{goodsSkuDetail.goods_attr_format}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-7403e7f0"><block wx:if="{{goodsAttrShow||!goodsAttrShow&&index<4}}"><view class="item data-v-7403e7f0"><text class="attr-name data-v-7403e7f0">{{item.attr_name}}</text><text class="value-name data-v-7403e7f0">{{item.attr_value_name}}</text></view></block></block></block><block wx:if="{{$root.g20>4}}"><view data-event-opts="{{[['tap',[['switchGoodsAttr',['$event']]]]]}}" class="attr-action data-v-7403e7f0" bindtap="__e"><block wx:if="{{!goodsAttrShow}}"><block class="data-v-7403e7f0">展开<text class="iconfont icon-iconangledown data-v-7403e7f0"></text></block></block><block wx:else><block class="data-v-7403e7f0">收起<text class="iconfont icon-iconangledown-copy data-v-7403e7f0"></text></block></block></view></block></view></view></block><block wx:if="{{goodsSkuDetail.pdf_url}}"><view class="goods-detail-tab data-v-7403e7f0"><view class="detail-tab data-v-7403e7f0"><view class="tab-item data-v-7403e7f0">文档详情</view></view><view class="detail-content active data-v-7403e7f0" style="margin-bottom:0;"><view data-event-opts="{{[['tap',[['onTapDoc',['$0'],['goodsSkuDetail.pdf_url']]]]]}}" class="fillRoot data-v-7403e7f0" bindtap="__e"><image class="docIcon data-v-7403e7f0" src="{{$root.g21}}"></image><view class="docContent data-v-7403e7f0"><text class="docTitle data-v-7403e7f0">{{goodsSkuDetail.pdf_name}}</text><text class="docType data-v-7403e7f0"></text></view><view class="right-wrapper data-v-7403e7f0" style="color:#888;">查看</view></view></view></view></block><block wx:if="{{goodsSkuDetail.goods_content}}"><view class="goods-detail-tab data-v-7403e7f0"><view class="detail-tab data-v-7403e7f0"><view class="tab-item data-v-7403e7f0">{{$root.m4}}</view></view><view class="detail-content active data-v-7403e7f0"><view class="detail-content-item data-v-7403e7f0"><block wx:if="{{goodsSkuDetail.goods_content}}"><view class="goods-details data-v-7403e7f0"><mp-html vue-id="374c1da8-8" content="{{goodsSkuDetail.goods_content}}" class="data-v-7403e7f0" bind:__l="__l"></mp-html></view></block><block wx:else><view class="goods-details active data-v-7403e7f0"></view></block><block wx:if="{{service&&service.is_display==1&&service.content}}"><view class="goods-details data-v-7403e7f0"><rich-text nodes="{{service.content}}" data-nodes="{{service.content}}" data-event-opts="{{[['tap',[['showImg',['$event']]]]]}}" bindtap="__e" class="data-v-7403e7f0"></rich-text></view></block></view></view></view></block><ns-goods-recommend vue-id="374c1da8-9" route="goods_detail" data-ref="goodrecommend" class="data-v-7403e7f0 vue-ref" bind:__l="__l"></ns-goods-recommend><ns-copyright vue-id="374c1da8-10" class="data-v-7403e7f0" bind:__l="__l"></ns-copyright><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="poster-layer data-v-7403e7f0" catchtouchmove="__e"><uni-popup vue-id="374c1da8-11" type="center" data-ref="posterPopup" class="data-v-7403e7f0 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><block wx:if="{{poster!='-1'}}"><view class="poster-wrap data-v-7403e7f0"><view class="image-wrap data-v-7403e7f0"><image src="{{$root.g22}}" show-menu-by-longpress="{{true}}" mode="widthFix" class="data-v-7403e7f0"></image><view data-event-opts="{{[['tap',[['closePosterPopup']]]]}}" class="close iconfont icon-close data-v-7403e7f0" bindtap="__e"></view></view><view data-event-opts="{{[['tap',[['saveGoodsPoster']]]]}}" class="save-btn data-v-7403e7f0" bindtap="__e">保存图片</view></view></block></uni-popup></view><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-7403e7f0"><uni-popup class="share-popup data-v-7403e7f0 vue-ref" vue-id="374c1da8-12" type="bottom" data-ref="sharePopup" bind:__l="__l" vue-slots="{{['default']}}"><view class="data-v-7403e7f0"><view class="share-title data-v-7403e7f0">分享</view><view class="share-content data-v-7403e7f0"><view class="share-box data-v-7403e7f0"><button class="share-btn data-v-7403e7f0" plain="{{true}}" open-type="share"><view class="iconfont icon-share-friend data-v-7403e7f0"></view><text class="data-v-7403e7f0">分享给好友</text></button></view><block wx:if="{{goodsCircle}}"><view class="share-box data-v-7403e7f0"><button class="share-btn data-v-7403e7f0" plain="{{true}}" data-event-opts="{{[['tap',[['openBusinessView',['$event']]]]]}}" bindtap="__e"><view class="iconfont icon-haowuquan data-v-7403e7f0"></view><text class="data-v-7403e7f0">分享到好物圈</text></button></view></block><view data-event-opts="{{[['tap',[['openPosterPopup',['$event']]]]]}}" class="share-box data-v-7403e7f0" bindtap="__e"><button class="share-btn data-v-7403e7f0" plain="{{true}}"><view class="iconfont icon-pengyouquan data-v-7403e7f0"></view><text class="data-v-7403e7f0">生成分享海报</text></button></view></view><view data-event-opts="{{[['tap',[['closeSharePopup',['$event']]]]]}}" class="share-footer data-v-7403e7f0" bindtap="__e"><text class="data-v-7403e7f0">取消分享</text></view></view></uni-popup></view><slot name="fixedbtn"></slot></view></view><slot name="action"></slot><block wx:if="{{showTop}}"><to-top bind:toTop="__e" vue-id="374c1da8-13" data-event-opts="{{[['^toTop',[['scrollToTopNative']]]]}}" class="data-v-7403e7f0" bind:__l="__l"></to-top></block><ns-login vue-id="374c1da8-14" data-ref="login" class="data-v-7403e7f0 vue-ref" bind:__l="__l"></ns-login></view>