tourism-wxapp/common-page/pages/lucky-draw/index.wxml

<nav type="back" title="{{luckyDrawRules.name}}" background-color="#FFB82E"></nav>
<block wx:if="{{ luckyDrawRules && (giftModules && giftModules.length > 0) }}">
    <view class="box" style="background-image: url('{{luckyDrawRules.bgImg}}')">
        <view class="my-integral">我的积分：{{account.credit ? account.credit : 0}}</view>
        <view class="draw">
            <draw gifts="{{giftModules}}" prize-id="{{prizeId}}" 
                count="{{account.credit ? account.credit : 0}}" 
                enable="{{enable}}"
                config="{{config}}"
                 bind:LuckDraw="onLuckDrawHandle" 
                bindNotEnough="onNotEnoughHandle" 
                bindLuckDrawFinish="onLuckDrawFinishHandle">
            </draw>
        </view>
        <view class="prize-box">
            <view class="prize">抽奖规则: {{luckyDrawRules.credit ? luckyDrawRules.credit + '积分一次' : "免费抽奖"}} </view>
            <view class="details">
                <rich-text nodes="{{luckyDrawRules.content}}" style="width: 92%;height: 100%; margin-right: 0 auto;">
                </rich-text>
            </view>
        </view>
        <view class="record">
            <view class="record-top">中奖记录：</view>
            <scroll-view class="record-x" scroll-y="true">
                <block wx:for="{{giftList}}" class="item" wx:key="index">
                    <view class="record-txt">
                        <view class="record-name">{{item.module.name}}</view>
                        <view class="record-time">{{item.joinTime}}</view>
                        <view wx:if="{{item.name}}">
                            <view class="record-title">已领取</view>
                        </view>
                        <view wx:elif="{{!item.name}}">
                            <view class="record-titles" data-item="{{item}}" bindtap="shopsubmit">领取</view>
                        </view>
                    </view>
                </block>
            </scroll-view>
        </view>
    </view>
    <view class="shop-mask" catchtouchmove="shoppreventTouchMove" wx:if="{{twoModal}}">
        <view class="shop-modalDlg" wx:if="{{twoModal}}">
            <text class='modalDlg-txtt'>请填写收货信息，确认之后无法更改！</text>
            <van-cell-group>
                <van-field model:value="{{ name }}" label="收件人姓名" placeholder="请输入收件人姓名" />
                <van-field model:value="{{ mobile }}" label="手机号" placeholder="请输入收件人手机号" />
                <view class="input-box">
                    <view class="input-txt">收货地址</view>
                    <picker class="input-address" mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
                        <view class="shop-inputs">
                            {{region[0]}} {{region[1]}} {{region[2]}}
                        </view>
                    </picker>
                </view>
                <van-field model:value="{{ address }}" label="详细地址" placeholder="请输入收货地址" />
            </van-cell-group>
            <image src="https://file-cloud.fmode.cn/lb486SzXLP/20211104/i717lg055104.png" class="ruleHide" bindtap="hideRule" />
            <button class="confirm-next" bindtap="submit">确认</button>
        </view>
    </view>
</block>
<block wx:else>
    <van-empty description="暂时还未开启抽奖" />
</block>