Files
ZangShiQi/public/weapp/components/goods-detail-view/goods-detail-view.wxml
2026-04-05 10:48:38 +08:00

1 line
20 KiB
Plaintext
Executable File

<view class="data-v-0a0ea937"><view class="{{['goods-detail','data-v-0a0ea937',isIphoneX?'active':'']}}" scroll-y="true"><view class="goods-container data-v-0a0ea937"><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-0a0ea937 vue-ref" bind:__l="__l"></pengpai-fadein-out></block><view class="goods-media data-v-0a0ea937" style="{{'height:'+(goodsSkuDetail.swiperHeight)+';'}}"><view class="{{['goods-img','data-v-0a0ea937',(switchMedia=='img')?'show':'']}}"><swiper class="swiper data-v-0a0ea937" 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-0a0ea937"><view data-event-opts="{{[['tap',[['previewMedia',[index]]]]]}}" class="item data-v-0a0ea937" bindtap="__e"><image src="{{item.g0}}" mode="aspectFit" data-event-opts="{{[['error',[['swiperImageError',[index]]]]]}}" binderror="__e" class="data-v-0a0ea937"></image></view></swiper-item></block></swiper><view class="img-indicator-dots data-v-0a0ea937"><text class="data-v-0a0ea937">{{swiperCurrent}}</text><block wx:if="{{goodsSkuDetail.sku_images}}"><text class="data-v-0a0ea937">{{"/"+$root.g1}}</text></block></view></view><view class="{{['goods-video','data-v-0a0ea937',(switchMedia=='video')?'show':'']}}"><video id="goodsVideo" src="{{$root.g2}}" poster="{{$root.g3}}" objectFit="cover" class="data-v-0a0ea937"></video></view><block wx:if="{{goodsSkuDetail.video_url!=''}}"><view class="media-mode data-v-0a0ea937"><text data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="{{['data-v-0a0ea937',(switchMedia=='video')?'color-base-bg':'']}}" bindtap="__e">{{$root.m0}}</text><text data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="{{['data-v-0a0ea937',(switchMedia=='img')?'color-base-bg':'']}}" bindtap="__e">{{$root.m1}}</text></view></block></view><view class="goods-gression data-v-0a0ea937"><slot name="price"></slot></view><view class="newdetail margin-bottom data-v-0a0ea937"><slot name="entrance"></slot><block wx:if="{{goodsSkuDetail.is_virtual==0}}"><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="item delivery-type data-v-0a0ea937" bindtap="__e"><view class="label data-v-0a0ea937">配送</view><block wx:if="{{deliveryType}}"><block class="data-v-0a0ea937"><view class="box data-v-0a0ea937"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-0a0ea937"><block wx:if="{{item.g4!=-1}}"><text class="data-v-0a0ea937">{{item.$orig.name}}</text></block></block></block></view><text class="iconfont icon-right data-v-0a0ea937"></text></block></block><block wx:else><block class="data-v-0a0ea937"><view class="box data-v-0a0ea937">商家未配置配送方式</view></block></block></view></block><block wx:if="{{addonIsExist.store&&globalStoreInfo&&isShowStore}}"><view data-event-opts="{{[['tap',[['openStoreListPopup']]]]}}" class="item store-wrap data-v-0a0ea937" bindtap="__e"><view class="label data-v-0a0ea937">适用门店</view><block wx:if="{{hasGlobalStore}}"><view class="list-wrap data-v-0a0ea937"><view class="name-wrap data-v-0a0ea937"><text class="icondiy icon-system-shop data-v-0a0ea937"></text><text class="name data-v-0a0ea937">{{globalStoreInfo.store_name}}</text></view><block wx:if="{{globalStoreInfo.status==0&&globalStoreInfo.close_desc}}"><view class="close-desc data-v-0a0ea937">{{''+globalStoreInfo.close_desc+''}}</view></block><view class="other-wrap data-v-0a0ea937"><block wx:if="{{$root.m2}}"><text class="distance data-v-0a0ea937">{{"距离"+(globalStoreInfo.distance>1?globalStoreInfo.distance+'km':globalStoreInfo.distance*1000+'m')}}</text></block><block wx:if="{{$root.m3}}"><text class="decorate data-v-0a0ea937">.</text></block><view class="address data-v-0a0ea937">{{globalStoreInfo.full_address+globalStoreInfo.address+''}}</view></view></view></block><block wx:else><block wx:if="{{$root.g5}}"><view class="list-wrap data-v-0a0ea937"><view class="name-wrap data-v-0a0ea937"><text class="icondiy icon-system-shop data-v-0a0ea937"></text><text class="name data-v-0a0ea937">{{storeList.data[0].store_name}}</text></view><block wx:if="{{storeList.data[0].status==0&&storeList.data[0].close_desc}}"><view class="close-desc data-v-0a0ea937">{{''+storeList.data[0].close_desc+''}}</view></block><view class="other-wrap data-v-0a0ea937"><block wx:if="{{$root.m4}}"><text class="distance data-v-0a0ea937">{{"距离"+(storeList.data[0].distance>1?storeList.data[0].distance+'km':storeList.data[0].distance*1000+'m')}}</text></block><block wx:if="{{$root.m5}}"><text class="decorate data-v-0a0ea937">.</text></block><view class="address data-v-0a0ea937">{{storeList.data[0].full_address+storeList.data[0].address+''}}</view></view></view></block></block><text class="iconfont icon-right data-v-0a0ea937"></text></view></block><block wx:if="{{$root.g6}}"><view data-event-opts="{{[['tap',[['openMerchantsServicePopup']]]]}}" class="item service data-v-0a0ea937" bindtap="__e"><view class="label data-v-0a0ea937">服务</view><view class="list-wrap data-v-0a0ea937"><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-0a0ea937"><view class="item-wrap-box data-v-0a0ea937"><view class="item-wrap-icon data-v-0a0ea937"><block wx:if="{{!item.$orig.icon||!item.$orig.icon.imageUrl&&!item.$orig.icon.icon}}"><text class="iconfont icon-dui data-v-0a0ea937"></text></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='img'}}"><image class="icon-img data-v-0a0ea937" src="{{item.g7}}"></image></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='icon'}}"><diy-icon class="icon-box data-v-0a0ea937" 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-0a0ea937">{{item.$orig.service_name}}</text></view></view></block></block></view><text class="iconfont icon-right data-v-0a0ea937"></text></view></block></view><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-0a0ea937"><uni-popup vue-id="374c1da8-3" type="bottom" data-ref="deliveryType" class="data-v-0a0ea937 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="deliverytype-popup-layer popup-layer data-v-0a0ea937"><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" class="head-wrap data-v-0a0ea937" bindtap="__e"><text class="data-v-0a0ea937">配送</text><text class="iconfont icon-close data-v-0a0ea937"></text></view><scroll-view class="type-body data-v-0a0ea937" scroll-y="{{true}}"><block wx:for="{{$root.l3}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-0a0ea937"><view class="{{['type-item','data-v-0a0ea937',(item.g8==-1)?'not-support':'']}}"><text class="{{['iconfont','data-v-0a0ea937',item.$orig.icon]}}"></text><view class="content data-v-0a0ea937"><view class="title data-v-0a0ea937">{{item.$orig.name}}</view><view class="desc data-v-0a0ea937">{{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-0a0ea937"><uni-popup vue-id="374c1da8-4" type="bottom" data-ref="merchantsServicePopup" class="data-v-0a0ea937 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="goods-merchants-service-popup-layer popup-layer data-v-0a0ea937"><view data-event-opts="{{[['tap',[['closeMerchantsServicePopup']]]]}}" class="head-wrap data-v-0a0ea937" bindtap="__e"><text class="data-v-0a0ea937">商品服务</text><text class="iconfont icon-close data-v-0a0ea937"></text></view><scroll-view scroll-y="{{true}}" class="data-v-0a0ea937"><block wx:for="{{$root.l4}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['item','data-v-0a0ea937',(!item.$orig.desc)?'empty-desc':'']}}"><view class="{{['item-icon','data-v-0a0ea937',(!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-0a0ea937"></text></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='img'}}"><image class="icon-img data-v-0a0ea937" src="{{item.g9}}"></image></block><block wx:else><block wx:if="{{item.$orig.icon.iconType=='icon'}}"><diy-icon class="icon-box data-v-0a0ea937" 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-0a0ea937"><text class="title data-v-0a0ea937">{{item.$orig.service_name}}</text><block wx:if="{{item.$orig.desc}}"><text class="describe data-v-0a0ea937">{{item.$orig.desc}}</text></block></view></view></block></scroll-view><view class="button-box data-v-0a0ea937"><button type="primary" data-event-opts="{{[['tap',[['closeMerchantsServicePopup']]]]}}" bindtap="__e" class="data-v-0a0ea937">确定</button></view></view></uni-popup></view><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-0a0ea937"><uni-popup vue-id="374c1da8-6" type="bottom" data-ref="storeListPopup" class="data-v-0a0ea937 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="goods-merchants-service-popup-layer popup-layer store-list-wrap data-v-0a0ea937"><view data-event-opts="{{[['tap',[['closeStoreListPopup']]]]}}" class="head-wrap data-v-0a0ea937" bindtap="__e"><text class="data-v-0a0ea937">适用门店</text><text class="iconfont icon-close data-v-0a0ea937"></text></view><scroll-view scroll-y="{{true}}" class="data-v-0a0ea937"><view class="store-list-content data-v-0a0ea937"><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-0a0ea937" bindtap="__e"><view class="item-box data-v-0a0ea937"><view class="item-image data-v-0a0ea937"><block wx:if="{{item.$orig.store_image}}"><image src="{{item.g10}}" class="data-v-0a0ea937"></image></block><block wx:else><image src="{{item.g11.store}}" class="data-v-0a0ea937"></image></block></view><view class="item-info data-v-0a0ea937"><view class="item-title data-v-0a0ea937"><text class="title data-v-0a0ea937">{{item.$orig.store_name}}</text><block wx:if="{{item.$orig.distance}}"><text class="distance color-base-text data-v-0a0ea937">{{'距离'+(item.$orig.distance>1?item.$orig.distance+'km':item.$orig.distance*1000+'m')+''}}</text></block></view><block wx:if="{{item.$orig.status==0&&item.$orig.close_desc}}"><view class="item-close-desc data-v-0a0ea937">{{item.$orig.close_desc+''}}</view></block><block wx:if="{{item.$orig.open_date}}"><view class="item-time data-v-0a0ea937">{{"营业时间:"+item.$orig.open_date+''}}</view></block><view class="item-address data-v-0a0ea937">{{item.$orig.full_address+item.$orig.address}}</view></view><view class="item-right data-v-0a0ea937"><text class="iconfont icon-right data-v-0a0ea937"></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-0a0ea937"><view class="community-box data-v-0a0ea937"><image src="{{$root.g12}}" mode="aspectFill" class="data-v-0a0ea937"></image><view class="community-content data-v-0a0ea937"><view class="community-title data-v-0a0ea937">{{goodsSkuDetail.qr_data.qr_name}}</view><view class="community-txt data-v-0a0ea937">{{goodsSkuDetail.qr_data.community_describe}}</view></view></view><view data-event-opts="{{[['tap',[['onCommunity']]]]}}" class="community-btn data-v-0a0ea937" bindtap="__e">添加</view></view></block><view data-event-opts="{{[['touchmove',[['',['$event']]]],['tap',[['onCloseCommunity']]]]}}" hidden="{{!(isCommunity)}}" class="community-model data-v-0a0ea937" catchtouchmove="__e" catchtap="__e"><view data-event-opts="{{[['tap',[['',['$event']]]]]}}" class="community-model-content data-v-0a0ea937" catchtap="__e"><view class="community-model-content-radius data-v-0a0ea937"><view class="data-v-0a0ea937">添加社群</view></view><block wx:if="{{goodsSkuDetail.qr_data&&goodsSkuDetail.qr_data.qr_img}}"><view class="community-model-content-draw data-v-0a0ea937"><image src="{{goodsSkuDetail.qr_data.qr_img!=''&&goodsSkuDetail.qr_data.qr_state==1?$root.g13:$root.g14}}" mode="aspectFill" show-menu-by-longpress="true" class="data-v-0a0ea937"></image></view></block><view class="community-model-content-text data-v-0a0ea937">长按识别二维码,添加社群</view></view><view data-event-opts="{{[['tap',[['onCloseCommunity']]]]}}" class="community-model-close data-v-0a0ea937" catchtap="__e"><text class="iconfont icon-close data-v-0a0ea937"></text></view></view><slot name="articipation"></slot><block wx:if="{{evaluateConfig.evaluate_show==1}}"><view class="group-wrap data-v-0a0ea937"><view data-event-opts="{{[['tap',[['toEvaluateDetail',['$0'],['goodsSkuDetail.goods_id']]]]]}}" class="goods-evaluate data-v-0a0ea937" bindtap="__e"><view class="tit data-v-0a0ea937"><view class="data-v-0a0ea937"><text class="color-title font-size-base data-v-0a0ea937">评价<text class="font-size-base data-v-0a0ea937">{{"("+evaluateCount+")"}}</text></text><block wx:if="{{!evaluateCount}}"><text class="evaluate-item-empty data-v-0a0ea937">暂无评价</text></block><block wx:else><view class="evaluate-item-empty data-v-0a0ea937"><text class="font-size-tag data-v-0a0ea937">查看全部</text><text class="iconfont icon-right font-size-tag data-v-0a0ea937"></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-0a0ea937"><view class="evaluator data-v-0a0ea937"><view class="evaluator-info data-v-0a0ea937"><view class="evaluator-face data-v-0a0ea937"><block wx:if="{{item.$orig.member_headimg}}"><image src="{{item.g15}}" mode="aspectFill" data-event-opts="{{[['error',[['e4',['$event']]]]]}}" data-event-params="{{({item:item.$orig})}}" binderror="__e" class="data-v-0a0ea937"></image></block><block wx:else><image src="{{item.g16.head}}" mode="aspectFill" data-event-opts="{{[['error',[['e5',['$event']]]]]}}" data-event-params="{{({item:item.$orig})}}" binderror="__e" class="data-v-0a0ea937"></image></block></view><view class="evaluator-name-wrap data-v-0a0ea937"><block wx:if="{{item.g17}}"><text class="evaluator-name using-hidden data-v-0a0ea937">{{''+item.$orig.member_name[0]+"***"+item.$orig.member_name[item.g18-1]+''}}</text></block><block wx:else><text class="evaluator-name using-hidden data-v-0a0ea937">{{item.$orig.member_name}}</text></block><block wx:if="{{item.$orig.scores}}"><view class="evaluator-xing data-v-0a0ea937"><xiao-star-component vue-id="{{'374c1da8-7-'+index}}" starCount="{{item.$orig.scores*2}}" class="data-v-0a0ea937" bind:__l="__l"></xiao-star-component></view></block></view></view><text class="time color-tip data-v-0a0ea937">{{item.g19}}</text></view><view class="cont margin-top data-v-0a0ea937">{{item.$orig.content}}</view><scroll-view scroll-x="true" class="data-v-0a0ea937"><block wx:if="{{item.$orig.images}}"><view class="evaluate-img data-v-0a0ea937"><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-0a0ea937" bindtap="__e"><image src="{{img.g20}}" mode="aspectFill" class="data-v-0a0ea937"></image></view></block></view></block></scroll-view></view></block></block></view></view></block><block wx:if="{{$root.g21}}"><view class="goods-attr data-v-0a0ea937"><view class="title data-v-0a0ea937">规格属性</view><view class="attr-wrap data-v-0a0ea937"><block wx:for="{{goodsSkuDetail.goods_attr_format}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-0a0ea937"><block wx:if="{{goodsAttrShow||!goodsAttrShow&&index<4}}"><view class="item data-v-0a0ea937"><text class="attr-name data-v-0a0ea937">{{item.attr_name}}</text><text class="value-name data-v-0a0ea937">{{item.attr_value_name}}</text></view></block></block></block><block wx:if="{{$root.g22>4}}"><view data-event-opts="{{[['tap',[['switchGoodsAttr',['$event']]]]]}}" class="attr-action data-v-0a0ea937" bindtap="__e"><block wx:if="{{!goodsAttrShow}}"><block class="data-v-0a0ea937">展开<text class="iconfont icon-iconangledown data-v-0a0ea937"></text></block></block><block wx:else><block class="data-v-0a0ea937">收起<text class="iconfont icon-iconangledown-copy data-v-0a0ea937"></text></block></block></view></block></view></view></block><view class="goods-detail-tab data-v-0a0ea937"><view class="detail-tab data-v-0a0ea937"><view class="tab-item data-v-0a0ea937">商品详情</view></view><view class="detail-content active data-v-0a0ea937"><view class="detail-content-item data-v-0a0ea937"><block wx:if="{{goodsSkuDetail.goods_content}}"><view class="goods-details data-v-0a0ea937"><ns-mp-html vue-id="374c1da8-8" content="{{goodsSkuDetail.goods_content}}" class="data-v-0a0ea937" bind:__l="__l"></ns-mp-html></view></block><block wx:else><view class="goods-details active data-v-0a0ea937">该商家暂无上传相关详情哦!</view></block><block wx:if="{{service&&service.is_display==1&&service.content}}"><view class="goods-details data-v-0a0ea937"><ns-mp-html vue-id="374c1da8-9" content="{{service.content}}" class="data-v-0a0ea937" bind:__l="__l"></ns-mp-html></view></block></view></view></view><ns-goods-recommend vue-id="374c1da8-10" route="goods_detail" data-ref="goodrecommend" class="data-v-0a0ea937 vue-ref" bind:__l="__l"></ns-goods-recommend><ns-copyright vue-id="374c1da8-11" class="data-v-0a0ea937" bind:__l="__l"></ns-copyright><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="poster-layer data-v-0a0ea937" catchtouchmove="__e"><uni-popup vue-id="374c1da8-12" type="center" data-ref="posterPopup" class="data-v-0a0ea937 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><block wx:if="{{poster!='-1'}}"><view class="poster-wrap data-v-0a0ea937"><view class="image-wrap data-v-0a0ea937"><image src="{{$root.g23}}" show-menu-by-longpress="{{true}}" mode="widthFix" class="data-v-0a0ea937"></image><view data-event-opts="{{[['tap',[['closePosterPopup']]]]}}" class="close iconfont icon-close data-v-0a0ea937" bindtap="__e"></view></view><view data-event-opts="{{[['tap',[['saveGoodsPoster']]]]}}" class="save-btn data-v-0a0ea937" bindtap="__e">保存图片</view></view></block></uni-popup></view><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-0a0ea937"><uni-popup class="share-popup data-v-0a0ea937 vue-ref" vue-id="374c1da8-13" type="bottom" data-ref="sharePopup" bind:__l="__l" vue-slots="{{['default']}}"><view class="data-v-0a0ea937"><view class="share-title data-v-0a0ea937">分享</view><view class="share-content data-v-0a0ea937"><view class="share-box data-v-0a0ea937"><button class="share-btn data-v-0a0ea937" plain="{{true}}" open-type="share"><view class="iconfont icon-share-friend data-v-0a0ea937"></view><text class="data-v-0a0ea937">分享给好友</text></button></view><block wx:if="{{goodsCircle}}"><view class="share-box data-v-0a0ea937"><button class="share-btn data-v-0a0ea937" plain="{{true}}" data-event-opts="{{[['tap',[['openBusinessView',['$event']]]]]}}" bindtap="__e"><view class="iconfont icon-haowuquan data-v-0a0ea937"></view><text class="data-v-0a0ea937">分享到好物圈</text></button></view></block><view data-event-opts="{{[['tap',[['openPosterPopup',['$event']]]]]}}" class="share-box data-v-0a0ea937" bindtap="__e"><button class="share-btn data-v-0a0ea937" plain="{{true}}"><view class="iconfont icon-pengyouquan data-v-0a0ea937"></view><text class="data-v-0a0ea937">生成分享海报</text></button></view></view><view data-event-opts="{{[['tap',[['closeSharePopup',['$event']]]]]}}" class="share-footer data-v-0a0ea937" bindtap="__e"><text class="data-v-0a0ea937">取消分享</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-14" data-event-opts="{{[['^toTop',[['scrollToTopNative']]]]}}" class="data-v-0a0ea937" bind:__l="__l"></to-top></block><ns-login vue-id="374c1da8-15" data-ref="login" class="data-v-0a0ea937 vue-ref" bind:__l="__l"></ns-login></view>