goods_team_detail.wxml 12 KB

1
  1. <view class="{{['goods-detail','data-v-40345218',themeName]}}"><navbar vue-id="23ad5baa-1" title="商品详情" background="{{$root.a0}}" titleColor="{{'rgba(0,0,0,'+percent+')'}}" immersive="{{true}}" class="data-v-40345218" bind:__l="__l"></navbar><goods-swiper vue-id="23ad5baa-2" images="{{goodsInfo.goods_image}}" video="{{goodsInfo.video}}" video-cover="{{goodsInfo.video_cover}}" class="data-v-40345218" bind:__l="__l"></goods-swiper><bubble vue-id="23ad5baa-3" top="220rpx" page="{{2}}" discharge="{{isDischarge}}" class="data-v-40345218" bind:__l="__l"></bubble><view class="goods-team data-v-40345218"><view class="goods-team__price data-v-40345218"><view class="data-v-40345218"><view style="color:white;" class="data-v-40345218">拼团优惠</view><view class="data-v-40345218"><text class="tip data-v-40345218">{{''+activityInfo.people_num+'人团'}}</text><price vue-id="23ad5baa-4" content="{{activityInfo.min_team_price}}" main-size="46rpx" minor-size="32rpx" color="#FFFFFF" class="data-v-40345218" bind:__l="__l"></price><block wx:if="{{$root.m0}}"><price style="margin-left:10rpx;" vue-id="23ad5baa-5" color="white" content="{{goodsInfo.min_price}}" line-through="{{true}}" class="data-v-40345218" bind:__l="__l"></price></block></view></view></view><view class="goods-team__time data-v-40345218"><text class="xs data-v-40345218" style="color:white;">距离活动结束</text><count-down vue-id="23ad5baa-6" time-end="{{activityInfo.end_time}}" color="black" bg-color="white" separator-color="white" class="data-v-40345218" bind:__l="__l"></count-down></view></view><view class="goods-info data-v-40345218"><view class="row-between goods-main data-v-40345218"><view class="goods-name data-v-40345218">{{''+goodsInfo.name+''}}</view><view class="goods-items data-v-40345218"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="goods-item data-v-40345218" bindtap="__e"><u-icon vue-id="23ad5baa-7" name="share" size="36" class="data-v-40345218" bind:__l="__l"></u-icon><text class="m-t-5 muted xxs data-v-40345218">分享</text></view><view data-event-opts="{{[['tap',[['changeCollect',['$0'],['isGoodsCollect']]]]]}}" class="goods-item data-v-40345218" bindtap="__e"><block wx:if="{{isGoodsCollect}}"><u-icon vue-id="23ad5baa-8" name="star-fill" color="{{themeColor}}" size="36" class="data-v-40345218" bind:__l="__l"></u-icon></block><block wx:else><u-icon vue-id="23ad5baa-9" name="star" size="36" class="data-v-40345218" bind:__l="__l"></u-icon></block><text class="m-t-5 muted xxs data-v-40345218">收藏</text></view></view></view></view><view class="flex row-between muted xs goods-tip data-v-40345218"><block wx:if="{{goodsInfo.stock_show}}"><view class="data-v-40345218">{{"库存: "+goodsInfo.total_stock}}</view></block><view class="data-v-40345218">{{"销量: "+goodsInfo.sales_num}}</view><view class="data-v-40345218">{{"浏览量: "+activityInfo.browse_volume}}</view></view><view class="specification data-v-40345218"><block wx:if="{{goodsInfo.type==1}}"><view data-event-opts="{{[['tap',[['handleSend',['$event']]]]]}}" class="nr specification-item m-b-50 data-v-40345218" bindtap="__e"><text class="muted flex-none data-v-40345218">配送</text><view class="m-l-20 data-v-40345218"><block wx:if="{{!goodsInfo.address}}"><view class="data-v-40345218">免运费</view></block><block wx:else><view class="data-v-40345218">{{"快递:"+(goodsInfo.free_shipping_tips||'以提交订单时为准')+''}}</view></block><block wx:if="{{goodsInfo.address}}"><view class="xs muted skuline data-v-40345218">{{"配送至:"+(goodsInfo.address.province+' '+goodsInfo.address.city+' '+goodsInfo.address.district)+''}}</view></block><block wx:if="{{!goodsInfo.address}}"><view class="xs muted skuline data-v-40345218">请完善地址信息</view></block></view><u-icon class="muted data-v-40345218" style="margin-left:auto;" vue-id="23ad5baa-10" 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-40345218" bindtap="__e"><text class="muted flex-none data-v-40345218">选择</text><text class="m-l-20 skuline data-v-40345218">{{"已选:"+specValueStr}}</text><u-icon class="muted data-v-40345218" style="margin-left:auto;" vue-id="23ad5baa-11" name="arrow-right" bind:__l="__l"></u-icon></view><block wx:if="{{$root.g0}}"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="nr specification-item m-b-42 data-v-40345218" bindtap="__e"><text class="muted flex-none m-r-20 data-v-40345218">保障</text><view class="skuline data-v-40345218"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="id"><text class="data-v-40345218">{{item.$orig.name}}<text hidden="{{!(index!=item.g1-1)}}" class="m-l-10 m-r-10 data-v-40345218">·</text></text></block></view><u-icon class="muted data-v-40345218" style="margin-left:auto;" vue-id="23ad5baa-12" name="arrow-right" bind:__l="__l"></u-icon></view></block></view><u-popup bind:input="__e" vue-id="23ad5baa-13" 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-40345218" bind:__l="__l" vue-slots="{{['default']}}"><view class="coupons data-v-40345218"><view class="coupons-header data-v-40345218"><text class="data-v-40345218">保障</text><u-icon vue-id="{{('23ad5baa-14')+','+('23ad5baa-13')}}" name="close" color="#666666" data-event-opts="{{[['^tap',[['e2']]]]}}" bind:tap="__e" class="data-v-40345218" bind:__l="__l"></u-icon></view><view class="coupons-main data-v-40345218" style="background-color:white;"><scroll-view style="height:700rpx;touch-action:none;" scroll-y="{{true}}" class="data-v-40345218"><block wx:for="{{goodsInfo.service_guarantee}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><view class="coupons-item data-v-40345218"><view style="font-size:28rpx;font-weight:500;" class="data-v-40345218">{{item.name}}</view><view class="muted m-t-10 data-v-40345218">{{item.content}}</view></view></block></scroll-view><button data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" class="popup-btn data-v-40345218" bindtap="__e">我知道了</button></view></view></u-popup><goods-spec vue-id="23ad5baa-15" defaultInfo="{{$root.a1}}" stock_show="{{goodsInfo.stock_show}}" goods="{{goodsInfo.id}}" buttons="{{specButtonsList}}" spec-list="{{goodsInfo.spec_value}}" spec-map="{{goodsInfo.spec_value_list}}" value="{{showGoodsSpec}}" data-event-opts="{{[['^closer',[['e4']]],['^join',[['handleJoin']]],['^team',[['handleTeam']]],['^change',[['changeGoodsSpec']]],['^input',[['__set_model',['','showGoodsSpec','$event',[]]]]]]}}" bind:closer="__e" bind:join="__e" bind:team="__e" bind:change="__e" bind:input="__e" class="data-v-40345218" bind:__l="__l"></goods-spec><view class="team-desc data-v-40345218"><view class="team-desc__title data-v-40345218">拼团玩法</view><view class="team-desc__main data-v-40345218"><view class="team-desc__item data-v-40345218"><text class="num data-v-40345218">1</text>开团/参团</view><view class="team-desc__item--space data-v-40345218"></view><view class="team-desc__item data-v-40345218"><text class="num data-v-40345218">2</text>团满即成新团</view><view class="team-desc__item--space data-v-40345218"></view><view class="team-desc__item data-v-40345218"><text class="num data-v-40345218">3</text>满员发货</view></view></view><block wx:if="{{$root.g2}}"><view class="team-activity data-v-40345218"><view class="team-activity__title data-v-40345218">正在拼团中</view><block wx:for="{{activityTeamList}}" wx:for-item="item" wx:for-index="index" wx:key="id"><view class="team-activity__item data-v-40345218"><view class="flex-1 flex row-between data-v-40345218"><view class="flex data-v-40345218"><u-image vue-id="{{'23ad5baa-16-'+index}}" src="{{item.avatar}}" width="80" height="80" shape="circle" class="data-v-40345218" bind:__l="__l"></u-image><text class="m-l-20 nr data-v-40345218">{{item.nickname}}</text></view><view class="flex-col col-bottom data-v-40345218"><view class="sm data-v-40345218"><text class="data-v-40345218">还差</text><text style="{{'color:'+(themeColor)+';'}}" class="data-v-40345218">{{item.people-item.join}}</text><text class="data-v-40345218">人成团</text></view><view class="flex xs muted data-v-40345218"><text class="m-r-10 data-v-40345218">剩余</text><count-down vue-id="{{'23ad5baa-17-'+index}}" time-end="{{item.invalid_time}}" color="#999999" separator-color="#999999" bg-color="transparent" height="24" class="data-v-40345218" bind:__l="__l"></count-down></view></view></view><view data-event-opts="{{[['tap',[['joinTeamOrder',['$0'],[[['activityTeamList','id',item.id,'id']]]]]]]}}" class="team-activity__item-button data-v-40345218" bindtap="__e">去参团</view></view></block></view></block><block wx:for="{{pagesData}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="data-v-40345218"><block wx:if="{{item.name=='reviews'}}"><block wx:if="{{item.show}}"><w-reviews vue-id="{{'23ad5baa-18-'+index}}" content="{{item.content}}" styles="{{item.styles}}" comment="{{goodsComment}}" goods-id="{{goodsInfo.id}}" class="data-v-40345218" bind:__l="__l"></w-reviews></block></block><block wx:if="{{item.name=='goodsrecom'}}"><block wx:if="{{item.show}}"><w-goodsrecom vue-id="{{'23ad5baa-19-'+index}}" content="{{item.content}}" styles="{{item.styles}}" class="data-v-40345218" bind:__l="__l"></w-goodsrecom></block></block></view></block><view class="detail data-v-40345218"><view class="detail-title nr data-v-40345218">商品详情</view><u-parse vue-id="23ad5baa-20" html="{{goodsInfo.content}}" show-with-animation="{{true}}" class="data-v-40345218" bind:__l="__l"></u-parse></view><view class="functions data-v-40345218"><view class="icon-group data-v-40345218"><view data-event-opts="{{[['tap',[['goHome',['$event']]]]]}}" class="icon-item data-v-40345218" bindtap="__e"><u-icon vue-id="23ad5baa-21" name="home" size="42" class="data-v-40345218" bind:__l="__l"></u-icon><text style="line-height:32rpx;" class="data-v-40345218">首页</text></view><view data-event-opts="{{[['tap',[['gotoService',['$event']]]]]}}" class="icon-item data-v-40345218" bindtap="__e"><u-icon vue-id="23ad5baa-22" name="kefu-ermai" size="42" class="data-v-40345218" bind:__l="__l"></u-icon><text style="line-height:32rpx;" class="data-v-40345218">客服</text></view></view><view class="button-group data-v-40345218"><view data-event-opts="{{[['tap',[['handleBuy',['$event']]]]]}}" class="button-item button-item--normal data-v-40345218" bindtap="__e">单独购买</view><view data-event-opts="{{[['tap',[['onTeam',['$event']]]]]}}" class="button-item button-item--primary data-v-40345218" bindtap="__e">立即开团</view></view></view><share-popup bind:input="__e" vue-id="23ad5baa-23" share-id="{{team_id}}" page-path="bundle/pages/goods_team_detail/goods_team_detail" type="{{3}}" config="{{$root.a2}}" value="{{showShare}}" data-event-opts="{{[['^input',[['__set_model',['','showShare','$event',[]]]]]]}}" class="data-v-40345218" bind:__l="__l"></share-popup><page-status vue-id="23ad5baa-24" status="{{pageStatus}}" class="data-v-40345218" bind:__l="__l" vue-slots="{{['error']}}"><u-empty vue-id="{{('23ad5baa-25')+','+('23ad5baa-24')}}" text="{{pageErrorMsg}}" src="/static/images/empty/shop.png" icon-size="{{280}}" class="data-v-40345218" slot="error" bind:__l="__l"></u-empty></page-status><u-back-top vue-id="23ad5baa-26" scroll-top="{{scrollTop}}" top="{{1000}}" customStyle="{{({backgroundColor:'#FFF',color:'#000',boxShadow:'0px 3px 6px rgba(0, 0, 0, 0.1)'})}}" class="data-v-40345218" bind:__l="__l"></u-back-top></view>