share_activity/pages/luckDraw/detail.wxml

<!--pages/luckDraw/detail.wxml-->
<view class="page" wx:if="{{showPage}}">
    <view class="head-bg">
       <image src="/images/luck-draw/head-bg.png" />
    </view>
    <!-- 抽奖视图 -->
    <view class="luck-draw-box">

       <view class="luck-draw-body">
            <view class="luck-draw-tip">
                <image class="_niyou" src="/images/luck-draw/niyou.png" />
                <image wx:for="{{remainNumSplits}}" wx:key="key" class="_num _{{item}}" src="/images/luck-draw/{{item}}.png" />
                <image class="_ci" src="/images/luck-draw/ci.png" />
                <image class="_cjjh" src="/images/luck-draw/cjjh.png" />
            </view>
            <view class="luck-draw-record-btn">抽奖记录</view>

            <!-- 奖品转盘 -->
            <view class="luck-draw-gifts">
                <view wx:for="{{giftList}}" wx:key="idx" wx:for-index="idx" class="_gift _pos_{{idx}}">
                    <view class="_ico">
                        <image wx:if="item.iconPath" src="{{item.iconUrl}}"/>
                    </view>
                    <view class="_text">
                    <text>{{item.text}}</text>
                    </view>
                    <image class="_bg" src="{{item.active ? '/images/luck-draw/gift-booth-active.png': '/images/luck-draw/gift-booth.png'}}" />
                </view>

                <!-- 抽奖按钮 -->
                <block wx:if="{{forbidTurn}}">
                    <view class="_gift _turn_btn">
                        <image class="_bg" src="/images/luck-draw/gift-booth-center-disable.png" />
                    </view>
                </block>
                <block wx:else>
                    <view class="_gift _turn_btn" catchtap="turnPrize">
                        <image class="_bg" src="/images/luck-draw/gift-booth-center.png" />
                        <view class="_nums">
                            <text>{{remainNum}}/{{allNum}}</text>
                        </view>
                    </view>    
                </block>

            </view>

        </view>

        <!-- 背景 -->
        <view class="luck-draw-bg">
            <image src="/images/luck-draw/gift-box.png" />
        </view>

    </view>

    <!-- 活动规则 -->
    <view class="block-item-title">
        <view/>
        <text>活动规则</text>
        <view/>
    </view>
    <view class="rule-des">
        <view>1. 每人每天可以抽奖100次</view>
        <view>2. 当次数用完了， 可分享给好友获得额外xx次抽奖机会 </view>
        <view>3. 抽奖奖品会再XXXX里兑换XXX</view>
    </view>

    <!-- 中奖名单 -->
    <view class="block-item-title">
        <view/>
        <text>中奖名单</text>
        <view/>
    </view>
    <view class="hit-record-list">
        <view class="_item">
            <view>166*****2223</view>
            <viwe>XXXX优惠券</viwe>
        </view>
        <view class="_item">
            <view>166*****2223</view>
            <viwe>XXXX优惠券</viwe>
        </view>
        <view class="_item">
            <view>133*****2233</view>
            <viwe>XXXX优惠券</viwe>
        </view>
        <view class="_item">
            <view>134*****2223</view>
            <viwe>XXXX优惠券</viwe>
        </view>
    </view>

</view>

<!-- 中奖对话框 -->
<view class="dlg" wx:if="{{showHitPrizeDlg}}">
    <view class="prize-body">
        <view class="prize-title">
            恭喜您中奖了!
            <image src="/images/luck-draw/hbar.png" />
        </view>
        <view class="prize-subtitle">抽到神秘大奖一份~</view>
        <view class="prize-figure">
           <!-- 图片封面 -->
           <image src="/images/luck-draw/gift.png" />
        </view>
        <view class="prize-tip">某某优惠券</view>
        <view class="btns">
            <view class="_btn _confirm">确定</view>
            <view class="_btn _exchange">去兑换</view>
        </view>
        <image class="_bg" src="/images/luck-draw/hitdlgbg.png" />
    </view>
    <view class="_layer" catchtap="closeDlg" />
</view>

<!-- 未中奖对话框 -->
<view class="dlg" wx:if="{{showNoHitPrizeDlg}}">
    <view class="prize-body">
        <view class="prize-title">
            再接再厉!
            <image src="/images/luck-draw/hbar.png" />
        </view>
        <view class="prize-subtitle">离奖品只差一个手势~</view>
        <view class="prize-figure">
           <image src="/images/luck-draw/nogift.png" />
        </view>
        <view class="prize-tip">分享可获得更多抽奖机会!</view>
        <view class="btns">
            <view class="_btn _share">分享</view>
        </view>
        <image class="_bg" src="/images/luck-draw/hitdlgbg.png" />
    </view>
    <view class="_layer" catchtap="closeDlg" />
</view>