171 lines
6.4 KiB
HTML
171 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta name="viewport"
|
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
|
<meta charset="UTF-8">
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
<title>活动</title>
|
|
<link rel="stylesheet" href="../draw/css/reset.css">
|
|
<link rel="stylesheet" href="../draw/css/style.css">
|
|
<link rel="stylesheet" type="text/css" href="../draw/css/popup.css"/>
|
|
<link rel="stylesheet" type="text/css" href="../draw/css/myPrize.css"/>
|
|
<link rel="stylesheet" type="text/css" href="../draw/css/register.css"/>
|
|
<link rel="stylesheet" type="text/css" href="../draw/css/winPrize.css"/>
|
|
<link rel="stylesheet" type="text/css" href="../draw/css/goods.css"/>
|
|
<link rel="stylesheet" type="text/css" href="../draw/css/rule.css"/>
|
|
<script src="/js/config.js"></script>
|
|
<style type="text/css">
|
|
.button { /* 按钮美化 */
|
|
width: 200px; /* 宽度 */
|
|
height: 40px; /* 高度 */
|
|
border-width: 0px; /* 边框宽度 */
|
|
border-radius: 3px; /* 边框半径 */
|
|
background: #1E90FF; /* 背景颜色 */
|
|
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
|
|
outline: none; /* 不显示轮廓线 */
|
|
font-family: Microsoft YaHei; /* 设置字体 */
|
|
color: white; /* 字体颜色 */
|
|
font-size: 17px; /* 字体大小 */
|
|
}
|
|
.button:hover { /* 鼠标移入按钮范围时改变颜色 */
|
|
background: #5599FF;
|
|
}
|
|
p {
|
|
clear: both;
|
|
padding-bottom: 2em;
|
|
}
|
|
.title {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 20%;
|
|
font-size: 37px;
|
|
left: 0px;
|
|
color: #fef6e1;
|
|
width: 100%;
|
|
}
|
|
.desc {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 30%;
|
|
font-size: 22px;
|
|
left: 0px;
|
|
color: #fef6e1;
|
|
width: 100%;
|
|
}
|
|
.btntext {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 60%;
|
|
font-size: 22px;
|
|
left: 0px;
|
|
color: #fef6e1;
|
|
width: 100%;
|
|
}
|
|
.btntext2 {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 70%;
|
|
font-size: 22px;
|
|
left: 0px;
|
|
color: #fef6e1;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="../draw/css/main.css">
|
|
<script src="../draw/js/jquery-1.9.1.min.js"></script>
|
|
<script src="../draw/js/awardRotate.js"></script>
|
|
<script src="../draw/js/util.js"></script>
|
|
<script src="../draw/js/draw.js"></script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$.ajax({
|
|
type: "POST",
|
|
async: false,
|
|
url: contextRootPath + "/draw/guide",
|
|
data: {actCode: drawCode},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
//todo 根据风格改变css样式
|
|
$('title').html(data.drawInfo.drawname);
|
|
$(".act_guide").attr("background",data.actPageConfigGuide.bgImg);
|
|
$("#title").text(data.actPageConfigGuide.actTitle);
|
|
$("#desc").text(data.actPageConfigGuide.actDesc);
|
|
$("#btntext").val(data.actPageConfigGuide.btnText);
|
|
$("#btntext2").val(data.actPageConfigGuide.btnText2);
|
|
$("#btn2textshow").text(data.actPageConfigGuide.btnText2);
|
|
$("#flag").val(data.actType);
|
|
$(".contBox").append(data.actPageConfigGuide.btnLink2);
|
|
},
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|
console.log('网络异常', textStatus, errorThrown);
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</head>
|
|
|
|
<body class="template_bg popupBox act_guide" style="background-color: #fbdaaf;
|
|
background-repeat:no-repeat;
|
|
background-attachment:fixed;
|
|
background-size:100% 100%;">
|
|
<div>
|
|
<h1 class="title" id="title"></h1>
|
|
<h2 class="desc" id="desc"></h2>
|
|
<p class="btntext"><input class="button" id="btntext" type="button" onclick="jump()"/></p>
|
|
<p class="btntext2"><input class="button" id="btntext2" type="button" onclick="btn2show()"/></p>
|
|
<input id="flag" type="hidden" value=""/>
|
|
</div>
|
|
<!--活动规则-->
|
|
<div class='popup rule btn2' style="display: none;">
|
|
<div class='popupMin'>
|
|
<img src="../draw/images/top02.png" class='top'>
|
|
<div class='popCont'>
|
|
<div class='left'></div>
|
|
<div class='cont'>
|
|
<div>
|
|
<img src="../draw/images/left.png">
|
|
<div id="btn2textshow"></div>
|
|
<img src="../draw/images/right.png">
|
|
</div>
|
|
<ul class='contBox' style="list-style: inside">
|
|
|
|
</ul>
|
|
</div>
|
|
<div class='right'></div>
|
|
</div>
|
|
<img src="../draw/images/popupList04.png" class='bottom'>
|
|
</div>
|
|
<img src="../draw/images/delect.png" class='popDelect ruleDelect'>
|
|
<span style='clear: both;'></span>
|
|
</div>
|
|
<script src="../draw/js/main.js"></script>
|
|
<script src="../draw/js/scroll.js"></script>
|
|
<script src="../draw/js/common.js"></script>
|
|
</body>
|
|
<script>
|
|
function jump(){
|
|
var flag = $("#flag").val();
|
|
//根据不同玩法跳转不同页面
|
|
//todo 添加不同类型跳转页面
|
|
switch (flag){
|
|
case "1"://大转盘
|
|
window.location.href='../draw/turntable.html?drawCode='+drawCode;
|
|
break;
|
|
case "2"://刮刮卡
|
|
window.location.href='../draw/scratchcard.html?drawCode='+drawCode;
|
|
break;
|
|
case "3"://娃娃机
|
|
window.location.href='../doll/index.html?drawCode='+drawCode;
|
|
break;
|
|
default://暂不选择
|
|
window.location.href='scratchcard.html?drawCode='+drawCode;
|
|
}
|
|
}
|
|
function btn2show(){
|
|
$('.btn2').show();
|
|
}
|
|
</script>
|
|
|
|
</html> |