Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
moonsflyer
/
rsnongfa
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu kéo về 0 Wiki
Branch: master
Branches Tags
rsnongfa
/
public
/
mp-weixin
/
pages
/
goods_detail
/
goods_detail.wxml

goods_detail.wxml 15 KB
Permalink Lịch sử Raw

1 
  1. <view class="{{['goods-detail','data-v-1360ea87',themeName]}}"><navbar vue-id="c64ca100-1" title="商品详情" background="{{$root.a0}}" titleColor="{{'rgba(0,0,0,'+percent+')'}}" immersive="{{true}}" class="data-v-1360ea87" bind:__l="__l"></navbar><bubble vue-id="c64ca100-2" top="220rpx" page="{{2}}" discharge="{{isDischarge}}" class="data-v-1360ea87" bind:__l="__l"></bubble><goods-swiper vue-id="c64ca100-3" images="{{goodsInfo.goods_image}}" video="{{goodsInfo.video}}" video-cover="{{goodsInfo.video_cover}}" class="data-v-1360ea87" bind:__l="__l"></goods-swiper><block wx:if="{{goodsInfo.member_price!==''&&!!userInfo.id&&goodsInfo.member_level.name}}"><view class="info-header data-v-1360ea87" style="{{('background-image: url('+$root.m0+')')}}"><view class="vip-name data-v-1360ea87"><view class="line1 data-v-1360ea87">{{''+goodsInfo.member_level.name+'价'}}</view></view><price vue-id="c64ca100-4" content="{{goodsInfo.member_price}}" weight="{{500}}" color="#E0A356" mainSize="48rpx" minorSize="48rpx" class="data-v-1360ea87" bind:__l="__l"></price><block wx:if="{{$root.m1}}"><price style="margin-left:10rpx;" vue-id="c64ca100-5" color="gray" content="{{goodsSpecOptions.spec.sell_price||goodsInfo.sell_price}}" line-through="{{true}}" class="data-v-1360ea87" bind:__l="__l"></price></block></view></block><view class="goods-info data-v-1360ea87" style="{{'margin-top:'+(goodsInfo.member_price!==''&&!!userInfo.id?'-90rpx':'30rpx')+';'}}"><view class="flex row-between col-top data-v-1360ea87"><block wx:if="{{!(goodsInfo.member_price!==''&&!!userInfo.id&&goodsInfo.member_level.name)}}"><view class="flex data-v-1360ea87"><price vue-id="c64ca100-6" content="{{goodsSpecOptions.spec.sell_price||goodsInfo.sell_price}}" main-size="46rpx" minor-size="32rpx" fontWeight="bolder" color="{{themeColor}}" class="data-v-1360ea87" bind:__l="__l" vue-slots="{{['suffix']}}"><view class="muted line-through m-l-12 xxs data-v-1360ea87" slot="suffix"><block wx:if="{{$root.m2}}"><price vue-id="{{('c64ca100-7')+','+('c64ca100-6')}}" content="{{goodsSpecOptions.spec.lineation_price||goodsInfo.lineation_price}}" line-through="{{true}}" class="data-v-1360ea87" bind:__l="__l"></price></block></view></price></view></block></view><block wx:if="{{$root.g0}}"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="flex discounts data-v-1360ea87" bindtap="__e"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="__i0__" wx:key="$orig"><block class="data-v-1360ea87"><block wx:if="{{item.$orig.condition_type==1}}"><view class="coupon-tag xxs data-v-1360ea87">{{"无门槛¥"+item.m3}}</view></block><block wx:if="{{item.$orig.condition_type==2}}"><view class="coupon-tag xxs data-v-1360ea87">{{"满¥"+item.m4+"减¥"+item.m5}}</view></block><block wx:if="{{item.$orig.condition_type==3}}"><view class="coupon-tag xxs data-v-1360ea87">{{"满¥"+item.m6+"打"+item.m7+"折"}}</view></block></block></block><view style="{{'margin-left:auto;'+('color:'+(themeColor)+';')}}" class="data-v-1360ea87"><text class="data-v-1360ea87">领券</text><u-icon class="muted nr data-v-1360ea87" style="{{'color:'+(themeColor)+';'}}" vue-id="c64ca100-8" name="arrow-right" bind:__l="__l"></u-icon></view></view></block><view class="lg goods-main data-v-1360ea87"><view class="goods-name data-v-1360ea87">{{''+goodsInfo.name+''}}</view><view class="goods-items data-v-1360ea87"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="goods-item data-v-1360ea87" bindtap="__e"><u-icon vue-id="c64ca100-9" name="share" size="36" class="data-v-1360ea87" bind:__l="__l"></u-icon><text class="m-t-5 muted xxs data-v-1360ea87">分享</text></view><view data-event-opts="{{[['tap',[['changeCollect',['$0'],['isGoodsCollect']]]]]}}" class="goods-item data-v-1360ea87" bindtap="__e"><block wx:if="{{isGoodsCollect}}"><u-icon vue-id="c64ca100-10" name="star-fill" color="{{themeColor}}" size="36" class="data-v-1360ea87" bind:__l="__l"></u-icon></block><block wx:else><u-icon vue-id="c64ca100-11" name="star" size="36" class="data-v-1360ea87" bind:__l="__l"></u-icon></block><text class="m-t-5 muted xxs data-v-1360ea87">收藏</text></view></view></view></view><view class="flex row-between muted xs goods-stock data-v-1360ea87"><block wx:if="{{goodsInfo.stock_show}}"><view class="data-v-1360ea87">{{"库存: "+goodsInfo.total_stock}}</view></block><view class="data-v-1360ea87">{{"销量: "+goodsInfo.sales_num}}</view><view class="data-v-1360ea87">{{"浏览量: "+goodsInfo.click_num}}</view></view><u-popup bind:input="__e" vue-id="c64ca100-12" mode="bottom" border-radius="14" closeable="{{false}}" safe-area-inset-bottom="{{true}}" mask-close-able="{{true}}" value="{{showCoupons}}" data-event-opts="{{[['^input',[['__set_model',['','showCoupons','$event',[]]]]]]}}" class="data-v-1360ea87" bind:__l="__l" vue-slots="{{['default']}}"><view class="coupons data-v-1360ea87"><view class="coupons-header data-v-1360ea87"><text class="data-v-1360ea87">领券</text><u-icon vue-id="{{('c64ca100-13')+','+('c64ca100-12')}}" name="close" color="#666666" data-event-opts="{{[['^tap',[['e2']]]]}}" bind:tap="__e" class="data-v-1360ea87" bind:__l="__l"></u-icon></view><view class="coupons-main data-v-1360ea87"><scroll-view style="height:700rpx;touch-action:none;" scroll-y="{{true}}" class="data-v-1360ea87"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><view class="coupons-item data-v-1360ea87"><coupon-card vue-id="{{('c64ca100-14-'+__i1__)+','+('c64ca100-12')}}" mode="get" discount_max_money="{{item.$orig.discount_max_money}}" discount_ratio="{{item.$orig.discount_ratio}}" condition_type="{{item.$orig.condition_type}}" name="{{item.$orig.name}}" money="{{item.$orig.money}}" condition="{{item.$orig.condition}}" time="{{item.$orig.effective_time}}" scene="{{item.$orig.use_scene}}" coupon-id="{{item.$orig.id}}" gotten="{{!!item.$orig.is_receive}}" button="{{item.a1}}" data-event-opts="{{[['^button',[['getCoupon']]]]}}" bind:button="__e" class="data-v-1360ea87" bind:__l="__l"></coupon-card></view></block><block wx:if="{{!$root.g1}}"><u-empty vue-id="{{('c64ca100-15')+','+('c64ca100-12')}}" text="暂无优惠券" src="/static/images/empty/coupon_icon.png" icon-size="{{180}}" class="data-v-1360ea87" bind:__l="__l"></u-empty></block></scroll-view></view></view></u-popup><block wx:if="{{distribution.is_show&&distribution.earnings>0}}"><view class="nr commission flex data-v-1360ea87"><text class="flex-none data-v-1360ea87">佣金</text><text class="m-l-20 data-v-1360ea87" style="color:red;">{{$root.g2+"%"}}</text><text class="m-l-20 muted data-v-1360ea87">{{"( 预计"+distribution.earnings+' )'}}</text><view style="margin-left:auto;" class="data-v-1360ea87"><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" bindtap="__e" class="data-v-1360ea87">立即分享<u-icon vue-id="c64ca100-16" name="arrow-right" class="data-v-1360ea87" bind:__l="__l"></u-icon></view></view></view></block><view class="specification data-v-1360ea87"><block wx:if="{{goodsInfo.type==1}}"><view data-event-opts="{{[['tap',[['handleSend',['$event']]]]]}}" class="nr specification-item m-b-50 data-v-1360ea87" bindtap="__e"><text class="muted flex-none data-v-1360ea87">配送</text><view class="m-l-20 data-v-1360ea87"><block wx:if="{{!goodsInfo.address}}"><view class="data-v-1360ea87">免运费</view></block><block wx:else><view class="data-v-1360ea87">{{"快递："+(goodsInfo.free_shipping_tips||'以提交订单时为准')+''}}</view></block><block wx:if="{{goodsInfo.address}}"><view class="xs muted skuline data-v-1360ea87">{{"配送至："+(goodsInfo.address.province+' '+goodsInfo.address.city+' '+goodsInfo.address.district)+''}}</view></block><block wx:if="{{!goodsInfo.address}}"><view class="xs muted skuline data-v-1360ea87">请完善地址信息</view></block></view><u-icon class="muted data-v-1360ea87" style="margin-left:auto;" vue-id="c64ca100-17" name="arrow-right" bind:__l="__l"></u-icon></view></block><view data-event-opts="{{[['tap',[['onGoodsOptions',['$event']]]]]}}" class="nr specification-item m-b-50 data-v-1360ea87" bindtap="__e"><text class="muted flex-none data-v-1360ea87">选择</text><text class="m-l-20 skuline data-v-1360ea87">{{"已选："+specValueStr}}</text><u-icon class="muted data-v-1360ea87" style="margin-left:auto;" vue-id="c64ca100-18" name="arrow-right" bind:__l="__l"></u-icon></view><block wx:if="{{$root.g3}}"><view data-event-opts="{{[['tap',[['e4',['$event']]]]]}}" class="nr specification-item m-b-42 data-v-1360ea87" bindtap="__e"><text class="muted flex-none m-r-20 data-v-1360ea87">保障</text><view class="skuline data-v-1360ea87"><block wx:for="{{$root.l2}}" wx:for-item="item" wx:for-index="index" wx:key="id"><text class="data-v-1360ea87">{{item.$orig.name}}<text hidden="{{!(index!=item.g4-1)}}" class="m-l-10 m-r-10 data-v-1360ea87">·</text></text></block></view><u-icon class="muted data-v-1360ea87" style="margin-left:auto;" vue-id="c64ca100-19" name="arrow-right" bind:__l="__l"></u-icon></view></block></view><u-popup bind:input="__e" vue-id="c64ca100-20" mode="bottom" border-radius="14" closeable="{{false}}" safe-area-inset-bottom="{{true}}" mask-close-able="{{true}}" value="{{showSafeguard}}" data-event-opts="{{[['^input',[['__set_model',['','showSafeguard','$event',[]]]]]]}}" class="data-v-1360ea87" bind:__l="__l" vue-slots="{{['default']}}"><view class="coupons data-v-1360ea87"><view class="coupons-header data-v-1360ea87"><text class="data-v-1360ea87">保障</text><u-icon vue-id="{{('c64ca100-21')+','+('c64ca100-20')}}" name="close" color="#666666" data-event-opts="{{[['^tap',[['e5']]]]}}" bind:tap="__e" class="data-v-1360ea87" bind:__l="__l"></u-icon></view><view class="coupons-main data-v-1360ea87" style="background-color:white;"><scroll-view style="height:700rpx;touch-action:none;" scroll-y="{{true}}" class="data-v-1360ea87"><block wx:for="{{goodsInfo.service_guarantee}}" wx:for-item="item" wx:for-index="index" wx:key="id"><view class="coupons-item data-v-1360ea87" style="margin-bottom:40rpx;"><view style="font-size:28rpx;font-weight:500;" class="data-v-1360ea87">{{item.name}}</view><view class="muted m-t-10 data-v-1360ea87">{{item.content}}</view></view></block></scroll-view><button data-event-opts="{{[['tap',[['e6',['$event']]]]]}}" class="popup-btn data-v-1360ea87" bindtap="__e">我知道了</button></view></view></u-popup><goods-spec vue-id="c64ca100-22" isNoMarking="{{true}}" defaultInfo="{{$root.a2}}" stock_show="{{goodsInfo.stock_show}}" reCheck="{{reCheck}}" cartId="{{cartId}}" buttons="{{specButtonsList}}" spec-list="{{goodsInfo.spec_value}}" spec-map="{{goodsInfo.spec_value_list}}" value="{{showGoodsSpec}}" data-event-opts="{{[['^closer',[['e7']]],['^buy',[['handleBuy']]],['^cart',[['handleCartAdd']]],['^change',[['changeGoodsSpec']]],['^input',[['__set_model',['','showGoodsSpec','$event',[]]]]]]}}" bind:closer="__e" bind:buy="__e" bind:cart="__e" bind:change="__e" bind:input="__e" class="data-v-1360ea87" bind:__l="__l"></goods-spec><block wx:for="{{pagesData}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="data-v-1360ea87"><block wx:if="{{item.name=='reviews'}}"><block wx:if="{{item.show}}"><w-reviews vue-id="{{'c64ca100-23-'+index}}" content="{{item.content}}" styles="{{item.styles}}" comment="{{goodsComment}}" goods-id="{{goods_id}}" class="data-v-1360ea87" bind:__l="__l"></w-reviews></block></block><block wx:if="{{item.name=='goodsrecom'}}"><block wx:if="{{item.show}}"><w-goodsrecom vue-id="{{'c64ca100-24-'+index}}" content="{{item.content}}" styles="{{item.styles}}" class="data-v-1360ea87" bind:__l="__l"></w-goodsrecom></block></block></view></block><view class="detail data-v-1360ea87"><view class="detail-title nr data-v-1360ea87">详情</view><u-parse vue-id="c64ca100-25" html="{{goodsInfo.content}}" show-with-animation="{{true}}" class="data-v-1360ea87" bind:__l="__l"></u-parse></view><block wx:if="{{!goodsInfo.status}}"><view class="goodDown data-v-1360ea87"><view class="goodDown-text data-v-1360ea87">商品已经下架啦~要不要瞧瞧别的~</view></view></block><view class="functions data-v-1360ea87"><view class="icon-group data-v-1360ea87"><view data-event-opts="{{[['tap',[['goHome',['$event']]]]]}}" class="icon-item data-v-1360ea87" bindtap="__e"><u-icon vue-id="c64ca100-26" name="home" size="42" class="data-v-1360ea87" bind:__l="__l"></u-icon><text style="line-height:32rpx;" class="data-v-1360ea87">首页</text></view><view data-event-opts="{{[['tap',[['gotoService',['$event']]]]]}}" class="icon-item data-v-1360ea87" bindtap="__e"><u-icon vue-id="c64ca100-27" name="kefu-ermai" size="42" class="data-v-1360ea87" bind:__l="__l"></u-icon><text style="line-height:32rpx;" class="data-v-1360ea87">客服</text></view><view data-event-opts="{{[['tap',[['goCart',['$event']]]]]}}" class="icon-item data-v-1360ea87" bindtap="__e"><u-badge vue-id="c64ca100-28" count="{{cartNum}}" offset="{{[-10,-10]}}" class="data-v-1360ea87" bind:__l="__l"></u-badge><u-icon vue-id="c64ca100-29" name="shopping-cart" size="42" class="data-v-1360ea87" bind:__l="__l"></u-icon><text style="line-height:32rpx;" class="data-v-1360ea87">购物车</text></view></view><view class="button-group data-v-1360ea87"><block wx:if="{{goodsInfo.presell}}"><view data-event-opts="{{[['tap',[['onPresell',['$event']]]]]}}" class="button-item button-item--buy data-v-1360ea87" style="{{'opacity:'+(goodsInfo.status==0?0.5:1)+';'}}" bindtap="__e">正在预售中，前往参与</view></block><block wx:else><block wx:if="{{goodsInfo.type==1}}"><view data-event-opts="{{[['tap',[['onCart',['$event']]]]]}}" class="button-item button-item--cart data-v-1360ea87" style="{{'opacity:'+(goodsInfo.status==0?0.5:1)+';'}}" bindtap="__e">加入购物车</view></block><view data-event-opts="{{[['tap',[['onBuy',['$event']]]]]}}" class="button-item button-item--buy data-v-1360ea87" style="{{'opacity:'+(goodsInfo.status==0?0.5:1)+';'}}" bindtap="__e">立即购买</view></block></view></view><share-popup bind:input="__e" vue-id="c64ca100-30" share-id="{{goods_id}}" pagePath="pages/goods_detail/goods_detail" type="{{1}}" poster_img="{{goodsInfo.poster}}" config="{{$root.a3}}" value="{{showShare}}" data-event-opts="{{[['^input',[['__set_model',['','showShare','$event',[]]]]]]}}" class="data-v-1360ea87" bind:__l="__l"></share-popup><page-status vue-id="c64ca100-31" status="{{pageStatus}}" class="data-v-1360ea87" bind:__l="__l" vue-slots="{{['error']}}"><u-empty vue-id="{{('c64ca100-32')+','+('c64ca100-31')}}" text="{{pageErrorMsg}}" src="/static/images/empty/shop.png" icon-size="{{280}}" class="data-v-1360ea87" slot="error" bind:__l="__l"></u-empty></page-status><u-back-top vue-id="c64ca100-33" scroll-top="{{scrollTop}}" top="{{1000}}" customStyle="{{({backgroundColor:'#FFF',color:'#000',boxShadow:'0px 3px 6px rgba(0, 0, 0, 0.1)'})}}" class="data-v-1360ea87" bind:__l="__l"></u-back-top></view>
    2.