123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- <import src="../../../wxParse/wxParse.wxml"></import>
- <view class="container p-bottom" wx:if="{{ detail.active_id }}">
- <!-- 商品信息 -->
- <view class="header dis-flex">
- <view class="header_lf" catchtap="onTargetGoods">
- <image src="{{ goods.goods_image }}"></image>
- </view>
- <view class="header_rt">
- <view class="goods-name" catchtap="onTargetGoods">
- <text class="twolist-hidden">{{ goods.goods_name }}</text>
- </view>
- <view class="goods-price">
- <text class="f-26 col-m">¥</text>
- <text class="m-price">{{ goods.goods_sku.sharing_price }}</text>
- <text class="line-price" wx:if="{{ goods.goods_sku.line_price > 0 }}">¥{{ goods.goods_sku.line_price }}</text>
- </view>
- <view class="goods-tag">
- <text class="tag-item">{{ detail.people }}人团</text>
- <text class="tag-item" wx:if="{{ goods.goods_sku.line_price > 0 }}">拼团省{{ goods.goods_sku.diff_price }}</text>
- </view>
- </view>
- </view>
- <!-- 拼团成员 -->
- <view class="main">
- <!-- 拼团状态 (成功、失败) -->
- <view wx:if="{{ detail.status.value == 30 }}" class="main_status main_status__fail">
- <text class="status-icon iconfont icon-shibai"></text>
- <text>超过有效时间,拼团失败</text>
- </view>
- <view wx:if="{{ detail.status.value == 20 }}" class="main_status main_status__success">
- <text class="status-icon iconfont icon-success"></text>
- <text>拼团已成功</text>
- </view>
- <!-- 参团用户 -->
- <view class="main_user">
- <view wx:for="{{ detail.users }}" wx:key="this" class="user-item">
- <image src="{{ item.user.avatarUrl }}"></image>
- <view wx:if="{{ item.is_creator == 1 }}" class="user-role">
- <text>团长</text>
- </view>
- </view>
- <!-- 虚位以待 -->
- <view wx:for="{{ detail.surplus_people }}" wx:key="this"
- class="user-item user-item__wait dis-flex flex-x-center flex-y-center">
- <text class="iconfont icon-wenhao"></text>
- </view>
- </view>
- <!-- 拼单状态:拼团中 -->
- <view wx:if="{{ detail.status.value == 10 }}" class="main_tiem">
- <text>还差 </text>
- <text class="main_timer_color">{{ detail.surplus_people }}</text>
- <text> 个名额,</text>
- <!-- 倒计时 -->
- <countdown date="{{ detail.end_time.text }}" separator="colon" style="text" />
- <text> 后结束</text>
- </view>
- <!-- 操作按钮 -->
- <block wx:if="{{ detail.status.value == 10 }}">
- <button wx:if="{{ !is_join }}" catchtap="onTriggerOrder">立即参团</button>
- <button wx:else open-type="share" catchtap="onShare">立即分享</button>
- </block>
- <button wx:else catchtap="onTargetGoods">去开团</button>
- </view>
- <!-- 拼团须知 -->
- <view class="notice" catchtap="onToggleRules">
- <text class="f-30">拼团须知</text>
- <text class="t-brief">{{ setting.basic.rule_brief }}</text>
- <text class="icon-arrow"></text>
- </view>
- <!-- 更多拼团 -->
- <view class="content" wx:if="{{ goodsList.data.length }}">
- <view class="content_top" catchtap="onTargetIndex">
- <text class="f-30">更多拼团</text>
- <text class="icon-arrow"></text>
- </view>
- <view wx:for="{{ goodsList.data }}" wx:key="key" class="content_main dis-flex" catchtap="onTargetGoods"
- data-id="{{ item.goods_id }}">
- <view class="goods-image">
- <image src="{{ item.goods_image }}"></image>
- </view>
- <view class="goods-detail">
- <view class="goods-name twolist-hidden">
- <text>{{ item.goods_name }}</text>
- </view>
- <view class="goods-sales">
- <text>已团{{ item.goods_sales }}件</text>
- </view>
- <view class="goods-detail_bottom clear">
- <view class="bottom-right onelist-hidden fl dis-flex flex-y-end">
- <text class="f-24 col-m">¥</text>
- <text class="goods-price col-m">{{ item.goods_sku.sharing_price }}</text>
- <text class="line-price">¥{{ item.goods_sku.line_price }}</text>
- </view>
- <button class="fr btn-navie">去开团</button>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 快捷导航 -->
- <shortcut right="50rpx" bottom="200rpx"></shortcut>
- <!-- 确认购买弹窗 -->
- <zan-popup show="{{ showBottomPopup }}" type="bottom" bindclose="onToggleTrade">
- <view class="popup__trade">
- <!-- 关闭按钮 -->
- <view class="trade-close dis-flex flex-x-center flex-y-center" catchtap="onToggleTrade">
- <text class="iconfont icon-close f-26"></text>
- </view>
- <!-- 主体信息 -->
- <view class="trade-main">
- <view class="goods-info dis-flex">
- <!-- 图片名称 -->
- <view class="goods-image" catchtap="onPreviewSkuImage">
- <image src="{{ skuCoverImage }}"></image>
- </view>
- <view class="flex-box">
- <view class="money-box">
- <text class="col-m f-26">¥</text>
- <text class="price col-m">{{ sharing_price }}</text>
- <text class="del" wx:if="{{line_price>0}}">¥{{line_price}}</text>
- </view>
- <view class="goods-stock dis-flex">
- <text class="flex-box f-26 col-7">库存:{{stock_num}}</text>
- </view>
- </view>
- </view>
- <!-- 规格列表 -->
- <view class="goods-list-box" scroll-y="true">
- <view class="cf tmall-types" wx:for="{{ goodsMultiSpec.spec_attr }}" wx:for-item="attr" wx:for-index="attr_idx"
- wx:key="key">
- <view class="tipstxt" data-id="{{attr.group_id}}">{{attr.group_name}}</view>
- <view class="cf cartypelist" wx:for="{{attr.spec_items}}" wx:for-index="item_idx" wx:key="ikey">
- <view wx:if="{{item.checked}}">
- <form bindsubmit="onSwitchSpec" report-submit="true" data-attr-idx="{{attr_idx}}"
- data-item-idx="{{item_idx}}">
- <button formType="submit" class="btn-normal">
- <view class="cartypeitem cur">{{item.spec_value}}</view>
- </button>
- </form>
- </view>
- <view wx:else>
- <form bindsubmit="onSwitchSpec" report-submit="true" data-attr-idx="{{attr_idx}}"
- data-item-idx="{{item_idx}}">
- <button formType="submit" class="btn-normal">
- <view class="cartypeitem">{{item.spec_value}}</view>
- </button>
- </form>
- </view>
- </view>
- </view>
- </view>
- <!-- 购买数量 -->
- <view class="buy_number">
- <view class="buyNumber f-26">
- <text>购买数量</text>
- </view>
- <view class="select-number">
- <form bindsubmit="onDecGoodsNumber" report-submit="true">
- <button formType="submit" class="default {{goods_num>1?'':' disabled'}}" type="default">-</button>
- </form>
- <input bindinput="onInputGoodsNum" type="number" value="{{goods_num}}"></input>
- <form bindsubmit="onIncGoodsNumber" report-submit="true">
- <button formType="submit" class="default" type="default">+</button>
- </form>
- </view>
- </view>
- </view>
- <!-- 底部操作栏 -->
- <view class="footer-fixed f-30">
- <block wx:if="{{stock_num > 0}}">
- <view class="order-bt dis-flex flex-x-center flex-y-center" catchtap="onCheckout" data-type="buyNow">
- <text>确定</text>
- </view>
- </block>
- <view class="default-btn" wx:else>暂无现货</view>
- </view>
- </view>
- </zan-popup>
- <zan-dialog id="zan-base-dialog"></zan-dialog>
|