index.wxml 3.87 KB
<view class="container">
	<view class="flex jc_sb">
		<view class="white">以下商品10元任选3件</view>
		<view class="rule-container" bindtap="showRule">规则详情<text class="iconfont icon-arrow_right"></text></view>
	</view>
	<view class="countdown-container">距结束还剩 1天<text class="num-box">12</text>:<text class="num-box">12</text>:<text class="num-box">00</text></view>
	<!-- 商品列表 -->
	<view class="list-container">
		<view class="list">
			
			<view class="list-item">
				<view class="img-container"><image src="../../../images/luckDraw/yhq.png" mode="aspectFit" class="img-block"></image></view>
				<view class="pdl20 flex f1 fdc jc_sb">
					<view>
						<view class="fs30 ellipsis-2">商品名称商品名称</view>
						<view class="num-container" wx:if="{{showNum}}">
							<text class="num-box c-dedfe3" bindtap="sub">-</text>
							<text class="num-box">{{num}}</text>
							<text class="num-box" bindtap="add">+</text>
						</view>
					</view>
					
					<view class="flex jc_sb ai_end pdt12">
						<view>
							<text class="rmb fs30 c-red">0.01</text>
							<text class="rmb fs20 line-through cb">200.00</text>
						</view>
						<view class="c-red pdr10 {{haveAdded ? 'active':''}}" bindtap="addToCart"><text class="iconfont icon-gouwuche fs60"></text></view>
					</view>
				</view>
			</view>
			
		
			<!-- <nodata nodataContainer="t-c" wx:if="{{list.pageData.length == 0}}"></nodata> -->
			<nodata nodataContainer="t-c"></nodata>
		</view>
		
		<view class="noMore">没有更多了</view>
		
		
	</view>
	<!-- 底部栏 -->
	<view class="bar-container">
		<view class="t-c bg-fcfb c-fa8b2b fs28 pd20">再买2件,下单立享【10元任选3件】</view>
		<view class="flex jc_sb ai_c pd20">
			<view class="fs30">合计:<text class="rmb c-red fs40">0.01</text><text class="iconfont icon-info cb fs24 mgl10" bindtap="showInfo"></text></view>
			<view class="btn-container">去购物车</view>
		</view>
	</view>
	<!-- 分享 -->
	<view class="share-container" bindtap="share">
		<text class="iconfont icon-zhuanfa fs40"></text>
		<view class="fs22 c-8">分享</view>
	</view>
	
	
	<!-- 规则详情和提示信息弹窗 -->
	<view class="rule-pop-container" wx:if="{{showRule}}">
		<view class="pop-title">{{!type ? '规则详情':'提示'}}<text class="iconfont icon-guan" bindtap="closeRule"></text></view>
		<block wx:if="{{!type}}">
			<view class="pdt40">
				<view class="pdb20">活动时间</view>
				<view class="">2020.12.11 18:00:00 至 2020.12.11 18:00:00</view>
			</view>
			<view class="pdt40">
				<view class="pdb20">活动内容</view>
				<view class="">
					<view class="pdb10">1、活动商品范围内,任选3件仅需10元;</view>
					<view class="">2、此优惠可无限叠加,买得越多优惠越多;</view>
				</view>
			</view>
			<view class="pdt40 pdb20">
				<view class="pdb20">优惠叠加</view>
				<view class="">不可与其他优惠活动同时使用</view>
			</view>
		</block>
		<block wx:else>
			<view class="pdt40 pdb20">
				
				<!-- <view class="pdb20">优惠叠加</view> -->
				
				<view class="">合计金额及提示仅为初步预估,请以最终下单金额为准。</view>
			</view>
		</block>
		<view class="pdv20">
			<view class="btn" bindtap="closeRule">我知道了</view>
		</view>
	</view>
	
	<!-- 遮罩层 -->
	<view class="mask" wx:if="{{showMask}}"></view>
	
	<!-- 海报 -->
	<view class="poster-container" wx:if="{{showPoster}}">
		<view class="t-r pdb20 white2"><text class="iconfont icon-close fs40" bindtap="closePoster"></text></view>
		<image src="{{myimg}}" class="poster" show-menu-by-longpress></image>
		<view class="pdt10 fs26 white2"><text class="iconfont icon-zhiwen"></text> 长按图片保存至相册</view>
	</view>
	
</view>

<painter style="position: absolute; top: -9999rpx;" palette="{{imgDraw}}" bind:imgOK="onImgOK" />

<!-- 活动异常提醒 -->
<!-- <catch>当前活动已结束</catch> -->