game-sdk/public/themes/h5wap/wap/lottery/index.html

<extend name="public/base" />

<block name="title">
  <title>{$seo.title|default=$site_info.site_name.' - 有奖活动'}</title>
</block>

<block name="main">
  <div class="wrap">
    <div class="anti-addition jifenchoujiang">
      <div class="shadowScroll">
        <div class="container jifenchoujiangContainer2">
          <img class="jfcj_head" src="__STATIC__/h5wap/images/img-jf.png">
          <div class="jifenchoujiang_main__times">
            当前积分<b class="jifen" id="myIntegral">{$activity_draw.my_integral}</b>, {$activity_draw.cost_integral|round=0}积分抽奖一次
          </div>
          <div class="jfcj_body">
            <div id="zhuanpan" class="jfcj_zp">
              <img src="{$activity_draw.roulette_img}" />
            </div>
            <div class="jfcj_zz" id="getAward" onclick="drawLottery('{$activity_draw.act_id}')">
              <img src="{$activity_draw.pointer_img}" />
            </div>
          </div>
          <div class="getPrizeList">
            <ul id="awardAd">
              <volist name="$activity_draw.award_ad.list" id="award_ad">
                <li>恭喜用户{$award_ad.username}抽奖获得&nbsp;&nbsp;{$award_ad.award_name}</li>
              </volist>
            </ul>
          </div>
          <div class="myPrize">
            <h4 class="myPrize_h4">
              <i class="smallDot"></i>
              <i class="middleDot"></i>
              <i class="bigDot"></i>
              &nbsp;
              我的奖品
              &nbsp;
              <i class="bigDot"></i>
              <i class="middleDot"></i>
              <i class="smallDot"></i>
            </h4>
            <div class="myPrize_box" id="myAward">
              <volist name="$activity_draw.my_award.list" id="my_award" offset="0" length="3">
                <div class="myPrizeList">
                  <div class="myPrizeList_div1">
                    <if condition="$my_award.is_real eq 1 && $my_award.object_type eq 'integral'">
                      <img src="__STATIC__/h5wap/images/icon_jf.png" alt="" />
                    <else/>
                      <img src="{$my_award.original_img}" alt="" />
                    </if>
                  </div>
                  <div class="myPrizeList_div2">
                    <p class="myPrizeList_div2__p1">{$my_award.award_name}</p>
                    <p class="myPrizeList_div2__p2">兑换时间：2018-03-28</p>
                    <p class="myPrizeList_div2__p3">
                      <if condition="$my_award.shipping_status eq 4">
                        待领取
                      <elseif condition="$my_award.shipping_status eq 1">
                        未发货
                      <elseif condition="$my_award.shipping_status eq 2">
                        已发货
                      <else/>
                        发货失败
                      </if>
                    </p>
                  </div>
                  <div class="myPrizeList_div3">
                    <if condition="$my_award.shipping_status eq 4">
                      <!-- 领奖 -->
                      <a class="noLing" href="/wap/goods/detail?goods_id={$my_award.goods_id}&order_id={$my_award.order_id}"></a>
                    <else/>
                      <!-- 已领 -->
                      <a class="linged" href="/wap/goods/detail?goods_id={$my_award.goods_id}&order_id={$my_award.order_id}"></a>
                    </if>
                  </div>
                </div>
              </volist>
              <if condition="$activity_draw.my_award.count gt 3">
                <div class="myPrizeOtherList">
                  <volist name="$activity_draw.my_award.list" id="my_award" offset="3">
                    <div class="myPrizeList">
                      <div class="myPrizeList_div1">
                        <if condition="$my_award.is_real eq 1 && $my_award.object_type eq 'integral'">
                          <img src="__STATIC__/h5wap/images/icon_jf.png" alt="" />
                        <else/>
                          <img src="{$my_award.original_img}" alt="" />
                        </if>
                      </div>
                      <div class="myPrizeList_div2">
                        <p class="myPrizeList_div2__p1">{$my_award.award_name}</p>
                        <p class="myPrizeList_div2__p2">兑换时间：2018-03-28</p>
                        <p class="myPrizeList_div2__p3">
                          <if condition="$my_award.shipping_status eq 4">
                            待领取
                          <elseif condition="$my_award.shipping_status eq 1">
                            未发货
                          <elseif condition="$my_award.shipping_status eq 2">
                            已发货
                          <else/>
                            发货失败
                          </if>
                        </p>
                      </div>
                      <div class="myPrizeList_div3">
                        <if condition="$my_award.shipping_status eq 4">
                          <!-- 领奖 -->
                          <a class="noLing" href="/wap/goods/detail?goods_id={$my_award.goods_id}&order_id={$my_award.order_id}"></a>
                        <else/>
                          <!-- 已领 -->
                          <a class="linged" href="javascript:;"></a>
                        </if>
                      </div>
                    </div>
                  </volist>
                </div>
                <h4 class="checkMore">查看更多</h4>
              </if>
            </div>
          </div>
        </div>
      </div>
      <div class="footer">
        <include file="public/navbar" index="2" />
      </div>
    </div>
    <div class="award noAward">
      <div class="awardBox">
        <p class="awardBox_p1"><img class="awardBox_p1__guanbi" src="__STATIC__/h5wap/images/guanbi_anniu.png" /></p>
        <img class="awardBox_img" src="__STATIC__/h5wap/images/huosdk_zp_hongbao.png" alt="" />
        <p class="awardBox_text">抱歉，什么都没抽到</p>
        <h4 class="awardBox_confirm" >确定</h4>
      </div>
    </div>
    <div class="award getAward">
      <div class="awardBox">
        <p class="awardBox_p1">
          <img class="awardBox_p1__biaoqian" src="__STATIC__/h5wap/images/huosdk_zp_biaoqian.png" />
          <img class="awardBox_p1__guanbi" src="__STATIC__/h5wap/images/guanbi_anniu.png" />
          <h3 class="awardBox_p1__h3">中奖啦</h3>
        </p>
        <img class="awardBox_img" src="__STATIC__/h5wap/images/huosdk_zp_hongbao.png" alt="" />
        <p class="awardBox_text">恭喜你！获得<span id="awardName"></span></p>
        <h4 class="awardBox_confirm">确定</h4>
      </div>
    </div>
    <div class="getAwardInformation">
        <div class="getAwardInformationBox">
          <p class="getAwardInformationBox_p1">
            填写领奖信息
            <img class="getAwardInformationBox_p1__img" src="__STATIC__/h5wap/images/guanbi_anniu.png" alt="" />
          </p>
          <p class="getAwardInformationBox_receiver">
            <label for="receiver">收货人：</label>
            <input type="text" id="receiver"/>
          </p>
          <p class="getAwardInformationBox_connectWay">
            <label for="connectWay">联系方式：</label>
            <input type="text" id="connectWay"/>
          </p>
          <p class="getAwardInformationBox_receiveAddress">
            <label for="receiveAddress">收货地址：</label>
            <textarea type="text" id="receiveAddress"></textarea>
          </p>
          <p class="getAwardInformationBox_confirm">
            <h4 class="getAwardInformationBox_confirm__btn">确认</h4>
          </p>
        </div>
      </div>
    <div class="getAwardSucess">
      <div class="getAwardSucessBox">
        <div class="getAwardSucessBox_text">
          我们的客服小姐姐将会在1-2个工作日内联系你，请耐心等待…
        </div>
      </div>
    </div>
  </div>

  <select id="award" style="display: none;">
    <volist name="$activity_draw.award" id="award">
      <option value="{$award.list_order}">{$award.award_name}</option>
    </volist>
  </select>
  <input type="hidden" id="integral" value="{$activity_draw.my_integral}">
  <input type="hidden" id="costIntegral" value="{$activity_draw.cost_integral}">
</block>

<block name="otherScript">
    <script src="__STATIC__/h5wap/js/jquery.rotate.min.js"></script>
</block>