game-sdk/public/themes/h5wap/wap/shop/index2.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="jfshangcheng">
      <div class="shadowScroll">
      <div class="container jifenchoujiangContainer">
        <div class="userJF jifenJF">
          <div class="userJF_div1">
            <div class="userJF_div1__img">
              <img src="{$userinfo.avatar|default='__STATIC__/h5wap/images/mine_touxiang.png'}" />
            </div>
          </div>
          <div class="userJF_div2">
            <if condition="$userinfo.mem_id gt 0">
              <p class="userJF_div2__p1">
                {$userinfo.nickname}
              </p>
              <p class="userJF_div2__p2">
                <span class="jfNum myIntegral">{$userinfo.my_integral}</span>积分<a class="wenhao" href="/wap/richtext/integral_rule">?</a>
              </p>
            <else/>
              <a href="javascript:HuoUtils.switchTemplate('login')" style="color: #666;">
                <p class="userJF_div2__p1" style="font-size: 20px; margin-bottom: 5px;">未登录</p>
                <p class="userJF_div2__p2">快点点击我登录呗~</p>
              </a>
            </if>
          </div>
          <div class="userJF_div3">
            <if condition="$userinfo.has_sign eq 2">
              <span class="userJF_div3__qiandao" onclick="$('#signPanel').show()" style="background-image: url('__STATIC__/h5wap/images/button_yiqiandao.png');"></span>
            <else/>
              <span id="signBtn" class="userJF_div3__qiandao" onclick="addSign()"><i class="reddot"></i></span>
            </if>
          </div>
        </div>
        <div class="zhuanchouJF">
          <a <if condition="$userinfo.mem_id gt 0">href="/wap/integral/task/index"<else/>href="javascript:HuoUtils.switchTemplate('login')"</if>>
            <div class="zhuanchouJF_zhuan jifenJF_zhuan">
              <div class="zhuanchouJF_zhuan__img">
                <img src="__STATIC__/h5wap/images/icon_shangcheng_zuanjifen.png" alt="" />
              </div>
              <div class="zhuanchouJF_zhuan__text">
                <p>赚积分</p>
                <p>点击开始赚积分呗</p>
                <if condition="$has_task eq 1"><i class="redDot zhuanDot"></i></if>
              </div>
            </div>
          </a>
          <a <if condition="$userinfo.mem_id gt 0">href="/wap/integral/record/index"<else/>href="javascript:HuoUtils.switchTemplate('login')"</if>>
            <div class="zhuanchouJF_chou jifenJF_chou">
              <div class="zhuanchouJF_zhuan__img">
                <img src="__STATIC__/h5wap/images/icon-record.png" alt="" />
              </div>
              <div class="zhuanchouJF_zhuan__text">
                <p>积分记录</p>
                <p>点击查看积分记录</p>
                <i class="redDot"></i>
              </div>
            </div>
          </a>
        </div>
        <div class="choujiangTimes clearfix">
          <span id="drawInfo" class="choujiangTimes_span1">
            <if condition="$activity_draw.free_cnt gt 0">
              今日还有<span class="times">{$activity_draw.free_cnt}</span>次免费抽奖机会
            <else/>
              当前积分<b class="jifen" id="myIntegral">{$activity_draw.my_integral}</b>, {$activity_draw.cost_integral|round=0}积分抽奖一次
            </if>
          </span>
          <!--<span id="shareBtn" style="display: none;" class="choujiangTimes_span2">-->
            <!--<img src="__STATIC__/h5wap/images/icon_jifenshangqing_fenxiang.png" />-->
            <!--<span style="font-size: 14px;"></span>-->
            <!--分享-->
          <!--</span>-->
        </div>
        <div class="choujiangzhuanpan">
          <div id="zhuanpan" class="choujiangzhuanpan_zhuanpan">
            <img src="{$activity_draw.roulette_img}" />
          </div>
          <div class="choujiangzhuanpan_zhizhen" 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="javascript:;"></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>

    <include file="public/sign" />

    <div class="popShareBox" data-tag="share_1">
      <div class="popShare">
        <div class="bdsharebuttonbox shareWay">
          <a class="shareWay_span wx" data-cmd="weixin" onclick="shareAdd('wx', 'posts', '{$activity_draw.act_id}')">微信好友</a>
          <a class="shareWay_span wxp" data-cmd="weixin" onclick="shareAdd('wxp', 'posts', '{$activity_draw.act_id}')">朋友圈</a>
          <a class="shareWay_span qq" data-cmd="sqq" onclick="shareAdd('qq', 'posts', '{$activity_draw.act_id}')">QQ</a>
          <a class="shareWay_span wb" data-cmd="tsina" onclick="shareAdd('weibo', 'posts', '{$activity_draw.act_id}')">微博</a>
        </div>
        <div class="cancelShare">取消</div>
      </div>
    </div>
    <script>
      window._bd_share_config = {
        common: {
          bdText: '抽奖活动',
          bdUrl: window.location.href
        },
        share: [{
          'bdSize': 32
        }]
      }
      window._bd_share_root = '__STATIC__'
      with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='__STATIC__/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
    </script>

    <div class="prize noPrize">
      <div class="prizeBox">
        <p class="prizeBox_p1"></p>
        <img class="prizeBox_img" src="__STATIC__/h5wap/images/huosdk_zp_hongbao.png" alt="" />
        <p class="prizeBox_text">抱歉，什么都没抽到</p>
        <h4 class="prizeBox_confirm" >确定</h4>
      </div>
    </div>
    <div class="prize getPrize">
      <div class="prizeBox">
        <p class="prizeBox_p1">
          <img class="prizeBox_p1__biaoqian" src="__STATIC__/h5wap/images/huosdk_zp_biaoqian.png" />
          <img class="prizeBox_p1__guanbi" src="__STATIC__/h5wap/images/guanbi_anniu.png" />
          <h3 class="prizeBox_p1__h3">中奖啦</h3>
        </p>
        <img class="prizeBox_img" src="__STATIC__/h5wap/images/huosdk_zp_pingban.png" alt="" />
        <p class="prizeBox_text">恭喜你！获得小米蓝牙耳机一个</p>
        <h4 class="prizeBox_confirm" >立即领奖</h4>
      </div>
    </div>
    <div class="getPrizeInformation">
      <div class="getPrizeInformationBox">
        <p class="getPrizeInformationBox_p1">
          填写领奖信息
        </p>
        <p class="getPrizeInformationBox_receiver">
          <label for="geter">收货人：</label>
          <input type="text" id="geter"/>
        </p>
        <p class="getPrizeInformationBox_connectWay">
          <label for="connact">联系方式：</label>
          <input type="text" id="connact"/>
        </p>
        <p class="getPrizeInformationBox_receiveAddress">
          <label for="receivePrizeAddress">收货地址：</label>
          <textarea type="text" id="receivePrizeAddress"></textarea>
        </p>
        <p class="getPrizeInformationBox_confirm">
          <h4 class="getPrizeInformationBox_confirm__btn">确认</h4>
        </p>
      </div>
    </div>
    <div class="getPrizeSucess">
      <div class="getPrizeSucessBox">
        <div class="getPrizeSucessBox_div1">领取提示</div>
        <div class="getPrizeSucessBox_div2">领取成功，稍后客服将联系你</div>
        <div class="getPrizeSucessBox_div3">确定</div>
      </div>
    </div>
    <div class="zhiyin" style="display: none;">
      <img class= "zhiyin_img" src="__STATIC__/h5wap/images/zhiying.png" alt="" />
      <p class="zhiyin_p">每日首次分享，即可获得一次抽奖机会</p>
      <a class="zhiyin_a" href="javascript:$('.zhiyin').hide();">我知道了</a>
    </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="freeCnt" value="{$activity_draw.free_cnt}">
  <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>