|
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>砸金蛋</title>
- <link rel="stylesheet" href="../common/css/common_mobile.css?version=1.0.0">
- <link rel="stylesheet" href="./css/index.css?version=1.0.0">
- <!--
- 清除缓存方法,对自定义的css文件
- -->
- <script>
- document.write("<l"+"ink rel='stylesheet' href='../common/css/common_mobile.css?version="+Math.random()+"'>");
- document.write("<l"+"ink rel='stylesheet' href='./css/index.css?version="+Math.random()+"'>");
- </script>
- <!-- 移动端适配-->
- <script>
- var html = document.querySelector('html');
- changeRem();
- window.addEventListener('resize', changeRem);
-
- function changeRem() {
- var width = html.getBoundingClientRect().width;
- //console.log( width );
- html.style.fontSize = width / 10 + 'px';
- }
- </script>
- <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
- </head>
-
- <body>
- <div id="wrap">
- <div class="bg"></div>
- <div class="rule"></div>
- <a href="javascript:;" id="myWin">
- <div class="my">我的奖品</div>
- </a>
- <a href="javascript:;" id="share" class="">分享</a>
- <a href="javascript:;" id="gotoindex" class="">返回</a>
-
- <!-- 分享弹框 -->
- <div class="b1">
- </div>
- <div class="t_w">
- </div>
- <!-- <div class="t_w">
- <span class="span-text">请手动点击右上角</span>
- <span class="span-blue">...</span>
- <span class="span-text">选择</span>
- <span class="span-blue">转发</span>
- <span class="span-text">完成分享</span>
- <img src="../../common/image/icon/close.png" class="s-close">
- </div> -->
- <!--砸蛋区域-->
- <div class="box">
- <div id="explain" style="display: none;">
- <div style="font-size: 16px;color: #fff;text-align: center;margin-top: 20px;" id="integration"></div>
- <div style="font-size: 16px;color: #fff;text-align: center;">查看我的积分余额请到积分商城查询</div>
- </div>
- <p class="tips" style="display:none;" id="change-box">今天剩余免费<span id="change">0</span>次</p>
- <ul class="egg clearfix">
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- <li>
- <img src="./image/egg.png" class="goldegg init">
- <img src="./image/base.png">
- <div class="info"></div>
- </li>
- </ul>
- <div id="hammer" class="shak"></div>
- </div>
- <!--游戏规则弹窗-->
- <div id="mask-rule">
- <div class="box-rule">
- <span class="star"></span>
- <h2>活动规则说明</h2>
- <span id="close-rule"></span>
- <div class="con">
- <div class="text">
- <p>点击不同的金蛋会生成一份中奖结果,若有中奖可以在小程序的“券包”里面进行查看使用,活动解释权归官方所有!</p>
- </div>
- </div>
- </div>
- </div>
- <!--中奖提示-->
- <div id="mask">
- <div class="blin"></div>
- <div class="caidai"></div>
- <div class="winning">
- <div class="red-head"></div>
- <div class="red-body">
- <p></p>
- </div>
- <div id="card">
- <a href="" target="_self" class="win"></a>
- </div>
- <a href="javascript:;" target="_self" class="btn replay"></a>
- <span id="close" class="replay"></span>
- </div>
- </div>
- <div id="warnning-box-bg" class="warnning-box-bg"></div>
- <div id="warnning-box">
- <div id="w-title"></div>
- <div id="w-cancel">取消</div>
- <div id="w-button">确定</div>
- </div>
- </div>
-
- <!--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>-->
- <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
- <script src="../common/js/jquery.cookie.js"></script>
- <script>
- document.write("<s"+"cript type='text/javascript' src='../common/js/h5_game_common.js?version="+Math.random()+"'></scr"+"ipt>");
- document.write("<s"+"cript type='text/javascript' src='./js/index.js?version="+Math.random()+"'></scr"+"ipt>");
- </script>
- <!--<script>
-
- var data = "";
-
- //执行第一次
- clickData(true);
-
- //请求回调,并且在ji中执行此代码,请加入防止连点措施
- function clickData(bool) {
- $.ajaxSettings.async = false;
- if (bool) {//若只请求次数
- $.getJSON(basePath + "api/browse/browseAeI?appKey=" + queryString("appKey") + "&pId=" + queryString("pId") + "&caId=" + queryString("caId") + "&index=0&isFirst=1", "", function (datac) {
- if (null !== datac && "" !== datac) {
- data = datac;
- //设定中奖次数
- $("#change").html(data.count);
- }
- });
- } else {
- $.getJSON(basePath + "api/browse/browseAeI?appKey=" + queryString("appKey") + "&pId=" + queryString("pId") + "&caId=" + queryString("caId") + "&index=0&isFirst=0", "", function (datac) {
- if (null !== datac && "" !== datac) {
- data = datac;
-
- //设定中奖的图片
- $(".win").css("background-image", "url(" + data.adImgUrl + ")");
-
- //设定中奖次数
- $("#change").html(data.count);
-
- //设定中奖的跳转链接
- $winning.find("a").attr("href", data.adUrl + "?appKey=" + queryString("appKey") + "&pId=" + queryString("pId") + "&caId=" + queryString("caId") + "&adId=" + data.adId + "&index=0");
- }
- });
- }
- }
- </script>-->
- </body>
- </html>
|