yuminge-app/yun-min-program-plugin-master/packageC/orders/Lottery/Lottery.wxml

195 lines
8.5 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<view wx:if="{{activityModel.background_colour}}" class="wap" style="{{'background:'+( activityModel.background_colour? activityModel.background_colour:'')+';'}}">
<view class="banner">
<view class="bannerImg">
<image class="bannerImg" src="{{activityModel.background}}" mode='widthFix' />
</view>
<view class="prizeInfoBtn" catchtap="lotteryRecord">
<image class="prizeInfoBtnImg" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/prizeInfo.png" mode='widthFix' />
</view>
<view class="priceChanceBtn">
您有{{remainingTimes}}次抽奖机会
</view>
</view>
<view class="logo" wx:if="{{activityModel.is_logo}}">
<view class="img">
<image src="{{shop_logo}}" mode='widthFix' />
</view>
</view>
<view class="box">
<view class="div {{true?(index==5?'prizeBtn1':(index==6?'prizeBtn2':(index==9?'prizeBtn3':(index==10?'prizeBtn4':'')))):''}}"
wx:for="{{prizeList}}" wx:for-index="index" wx:for-item="imgLi" style="{{'background-image:url('+(imgLi.bgSrc?imgLi.bgSrc:'')+');'}} {{true?(index==5?'background-image:url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/01.png);':(index==6?'background-image: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/02.png);':(index==9?'background-image:url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/03.png);':(index==10?'background-image: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/04.png);':'')))):''}} {{(index!=5&&index!=6&&index!=9&&index!=10)?(index==arrNum[prizeIndex]?'background-image: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/select.png);':''):''}}"
wx:key="{{index}}">
<view class="img {{activityModel.prize_name == 0 ? 'activeNameImg' : ''}}">
<image class="prizeInfoBtnImg" src="{{imgLi.thumb_url}}" wx:if="{{imgLi.thumb_url}}" mode='widthFix' />
</view>
<view class="span title" wx:if="{{index !== 5 && index !== 6 && index !== 9 && index !== 10 && activityModel.prize_name !== 0}}">{{imgLi.prize}}</view>
</view>
<view class="section turn" catchtap="prizeZhuan">
<view class="span text" wx:if="{{startStatus === 1}}">
立即抽奖
</view>
<view class="span text" wx:elif="{{startStatus === 2}}">
活动已结束
</view>
<view class="span text" wx:else>
活动未开始
</view>
</view>
</view>
<view class="score" wx:if="{{activityModel.draw_type!=0}}">
{{activityModel.draw_type==1 ? '我的积分' : love_word}}{{ activityModel.draw_type==1 ? credit1 : love }}
</view>
<view class="prizers" wx:if="{{activityModel.is_roster}}">
<view class="prizeBar">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/prizers.png" mode='widthFix' />
</view>
<view class="prizer">
<view class="prizeIcon">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/prizeIcon.png" mode='widthFix' />
</view>
<block wx:if="{{prizers.length>5}}">
<swiper class="prizerList" vertical="{{true}}" autoplay="{{prizerListBol}}" circular="{{true}}" interval="1500"
display-multiple-items='5'>
<view class="ul">
<block wx:for-index="idx" wx:for='{{prizers}}' wx:key="idex">
<swiper-item>
<view class="li">
<view class="span">{{ item.member.nickname }}</view>
<view class="span"> 抽中了{{ item.prize_name }}</view>
<view class="span prizeName" wx:if="{{item.point != 0}}">
获得 {{item.point +point_word}}
</view>
<view class="span prizeName" wx:elif="{{item.love != 0}}">
获得 {{item.love + love_word}}
</view>
<view class="span prizeName" wx:elif="{{item.amount != 0}}">
获得 {{item.amount + amount_word}}
</view>
<view class="span prizeName" wx:elif="{{item.has_one_coupon}}">
获得 {{item.has_one_coupon.name}}(优惠券)
</view>
</view>
</swiper-item>
</block>
</view>
</swiper>
</block>
<block wx:else>
<view class="prizerList">
<view class="ul" wx:for='{{prizers}}' wx:key="index">
<view class="li">
<view class="span">{{ item.member.nickname }}</view>
<view class="span"> 抽中了{{item.prize_name}}</view>
<view class="span prizeName" wx:if="{{item.point != 0}}">
获得 {{item.point +point_word}}
</view>
<view class="span prizeName" wx:elif="{{item.love != 0}}">
获得 {{item.love + love_word}}
</view>
<view class="span prizeName" wx:elif="{{item.amount != 0}}">
获得 {{item.amount + amount_word}}
</view>
<view class="span prizeName" wx:elif="{{item.has_one_coupon}}">
获得 {{item.has_one_coupon.name}}(优惠券)
</view>
</view>
</view>
</view>
</block>
</view>
</view>
<view class="info">
<view class="title">
<view class="squire squire1">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/three.png" mode='widthFix' />
</view>
<view class="span">活动说明</view>
<view class="squire squire2">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/three.png" mode='widthFix' />
</view>
</view>
<view class="infoContent">
<view class="ul">
<view class="li" wx:if="{{activityModel.name}}">{{ activityModel.name }}</view>
<rich-text nodes="{{activityModel.content}}" wx:if="{{activityModel.content}}" style="color:#fff;"></rich-text>
</view>
</view>
</view>
<view class="massage" wx:if="{{prizeInfoShow}}">
<view class="noPrize" wx:if="{{noPrizeShow}}">
<view class="close" catchtap="close">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/close.png" mode='widthFix' />
</view>
<view class="p">{{empty_prize_prompt || "很遗憾,您没有中奖"}}</view>
<view class="xiaofu">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/noprizeXF.png" mode='widthFix' />
</view>
<view class="btn" catchtap="goIndex" wx:if="{{activityModel.jump_type == 1}}">
去逛逛吧
</view>
</view>
<view class="circleLight" wx:if="{{havePrizeShow}}">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/circleLight.png" mode='widthFix' />
</view>
<view class="havePrize" wx:if="{{havePrizeShow}}">
<view class="p">恭喜您抽中{{prizeName}}</view>
<view class="proImg">
<image src="{{prizeUrl}}" mode='aspectFit' />
</view>
<view class="btn" catchtap="close" data-name="success">
<view class="a">立即领取</view>
</view>
</view>
<view class="haveLottery" wx:if="{{haveLottery}}">
<view class="close" catchtap="close">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/close.png" mode='widthFix' />
</view>
<view class="xiaofu">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lottery/receivedXF1.png" mode='widthFix' />
</view>
<view class="p">您已经抽过奖啦,不要太贪心哦!</view>
<view class="btn" catchtap="close">
我知道啦
</view>
</view>
</view>
</view>
<view class="home_box" catchtap="showToolbar" style="bottom:230rpx;">
<view class="y6" wx:if="{{toolbar}}">
<view class="a">
<view class="y8" catchtap="gotoHome">
首页
</view>
</view>
<view class="a" style="background-position: 3rpx -400rpx;">
<view class="yc" catchtap="gotoMember">
我的
</view>
</view>
<icon class="yd"></icon>
</view>
</view>
<van-popup
show="{{ show }}"
z-index="{{ zIndex }}"
position="bottom" custom-style="height: 100%" close-on-click-overlay="true"
>
<view class="van-content">
<view style="height:2rem;display:flex;justify-content:center;align-items:center;">选择商品</view>
<view style="font-size:32rpx;position:absolute;top:16rpx;right:32rpx;" bindtap="closePop">X</view>
<van-radio-group value="{{radio}}" wx:for="{{goods}}" :key="index" bind:change="onChange">
<van-radio name="{{item.id}}" class="radio" checked-color="#f15353" >
<view style="display:flex;align-items:center;">
<view class="avatar">
<image src="{{item.thumb}}"></image>
</view>
<view style="margin-left:32rpx;">{{item.title}}</view>
</view>
</van-radio>
</van-radio-group>
<view class="button" bindtap="confirmGoods">
确定
</view>
</view>
</van-popup>