新增娃娃机模块
This commit is contained in:
xu0625
parent
dbd1e95149
commit
940e2c3528
|
|
@ -0,0 +1,285 @@
|
||||||
|
div, ul, li {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
ul, li {
|
||||||
|
list-style: none outside none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* layer begin */
|
||||||
|
.ios-select-widget-box.olay {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 500;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity: 1;
|
||||||
|
background: rgba(0, 0, 0, 0.75);
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.olay > div {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1000;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box header.iosselect-header {
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
background-color: #eee;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 9999;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box header.iosselect-header a {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #e94643;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box header.iosselect-header a.close {
|
||||||
|
float: left;
|
||||||
|
padding-left: 15px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box header.iosselect-header a.sure {
|
||||||
|
float: right;
|
||||||
|
padding-right: 15px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box {
|
||||||
|
padding-top: 44px;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box .one-level-contain,
|
||||||
|
.ios-select-widget-box .two-level-contain,
|
||||||
|
.ios-select-widget-box .three-level-contain,
|
||||||
|
.ios-select-widget-box .four-level-contain,
|
||||||
|
.ios-select-widget-box .five-level-contain {
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box .iosselect-box {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box .iosselect-box > div {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box ul {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box ul li {
|
||||||
|
font-size: 13px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
background-color: #fff;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
text-align: center;
|
||||||
|
color: #111;
|
||||||
|
opacity: .3;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box ul li.at {
|
||||||
|
font-size: 16px;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box ul li.side1 {
|
||||||
|
font-size: 15px;
|
||||||
|
opacity: .7;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box ul li.side2 {
|
||||||
|
font-size: 14px;
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.one-level-box .one-level-contain {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.one-level-box .two-level-contain,
|
||||||
|
.ios-select-widget-box.one-level-box .three-level-contain,
|
||||||
|
.ios-select-widget-box.one-level-box .four-level-contain,
|
||||||
|
.ios-select-widget-box.one-level-box .five-level-contain,
|
||||||
|
.ios-select-widget-box.one-level-box .six-level-contain {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.two-level-box .one-level-contain,
|
||||||
|
.ios-select-widget-box.two-level-box .two-level-contain {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.two-level-box .three-level-contain,
|
||||||
|
.ios-select-widget-box.two-level-box .four-level-contain,
|
||||||
|
.ios-select-widget-box.two-level-box .five-level-contain,
|
||||||
|
.ios-select-widget-box.two-level-box .six-level-contain {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.three-level-box .one-level-contain,
|
||||||
|
.ios-select-widget-box.three-level-box .two-level-contain {
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.three-level-box .three-level-contain {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.three-level-box .four-level-contain
|
||||||
|
.ios-select-widget-box.three-level-box .five-level-contain,
|
||||||
|
.ios-select-widget-box.three-level-box .six-level-contain {
|
||||||
|
width: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ios-select-widget-box.four-level-box .one-level-contain,
|
||||||
|
.ios-select-widget-box.four-level-box .two-level-contain,
|
||||||
|
.ios-select-widget-box.four-level-box .three-level-contain,
|
||||||
|
.ios-select-widget-box.four-level-box .four-level-contain {
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.four-level-box .five-level-contain,
|
||||||
|
.ios-select-widget-box.four-level-box .six-level-contain {
|
||||||
|
width: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ios-select-widget-box.five-level-box .one-level-contain,
|
||||||
|
.ios-select-widget-box.five-level-box .two-level-contain,
|
||||||
|
.ios-select-widget-box.five-level-box .three-level-contain,
|
||||||
|
.ios-select-widget-box.five-level-box .four-level-contain,
|
||||||
|
.ios-select-widget-box.five-level-box .five-level-contain {
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.five-level-box .six-level-contain {
|
||||||
|
width: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ios-select-widget-box.six-level-box .one-level-contain,
|
||||||
|
.ios-select-widget-box.six-level-box .two-level-contain,
|
||||||
|
.ios-select-widget-box.six-level-box .three-level-contain,
|
||||||
|
.ios-select-widget-box.six-level-box .four-level-contain,
|
||||||
|
.ios-select-widget-box.six-level-box .five-level-contain {
|
||||||
|
width: 16%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.six-level-box .six-level-contain {
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box .cover-area1 {
|
||||||
|
width: 100%;
|
||||||
|
border: none;
|
||||||
|
border-top: 1px solid #d9d9d9;
|
||||||
|
position: absolute;
|
||||||
|
top: 149px;
|
||||||
|
margin: 0;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box .cover-area2 {
|
||||||
|
width: 100%;
|
||||||
|
border: none;
|
||||||
|
border-top: 1px solid #d9d9d9;
|
||||||
|
position: absolute;
|
||||||
|
top: 183px;
|
||||||
|
margin: 0;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box #iosSelectTitle {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: normal;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.ios-select-body-class {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ios-select-body-class body {
|
||||||
|
touch-action: none;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.olay > div > .ios-select-loading-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ios-select-widget-box.olay > div > .ios-select-loading-box > .ios-select-loading {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -25px;
|
||||||
|
margin-left: -25px;
|
||||||
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OEMxMEI3NDI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OEMxMEI3NTI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4QzEwQjcyMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4QzEwQjczMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GeWqMwAAA+BJREFUeNrMmVlsTGEUx+9cXZQiLZWKklhbQSSlSMUWSxAiJGJ5aSQehOiDF7yI4EFILW99I3iRSJGUPkiILSKp2OuJVtHWkrRVapn2jv+R/ycnn5l27rQz10l+mWlyl/+c833nO+c0FIlEnATMBbPAIn5OBuPAENAKToC74BtoB59AG/D9spBPgaPBdrAFjJH7Fa66TkRuNe8gP8Bb8Ap8j/eFaXFelwv286WZfKG2WL9SX5cFCuntBvAc/OoPD64HJ8EI5Q3tmW7whl4pAl/AUfAEDKZnQ1HuFXGPQGOiAsW7x8A26wUhirgMLnGtfe3hGcO5NApARpRnSchrY0UhlkAJxxmw0npYBzgOKinSj6WDCfRyphWFJnAPdMUjUH71WbDKElcDykGL0zcbCEroVf389+CW7Uk3ygNk/azghYIHDoCN/SDO4W6+A55aAiUrzImWz7StA2WWuF2gIpEc1ovVgQeWyELm06gCc8ARJU44DM45yTPZII8tkXO5DP4RuI8iPYqr4YmQbJN8+E4JlA1abAuUBbtZeU526O4khDWW3QdhK9TZWmAZd6/x3inw0UmdSZJ/pgSKlilGoMvTwoiTw/20k3p7yTyovRgScTNAvgrvFSbkVJuE+LU6GiXEefJHqfKefF5zgrMGVRnJZ4HEerryXjdzU1DWbB2BI10mRuPBej+1WhKsi8vLeDDXZRllwtvoBG8davNmS4gHUZyTQIWSrM1iQpyZptafo4QGabp9+JNmOijMY9MTtGWpEHe5PDHMGsz/DwQOUwI7XVYUZheP1ZVEAJbOFsGswTYR+EKF2NWVRABWwHPYeLDFZWKOKJFLAhRYpMQJjS7rsWYlcjlTT6pNOr5pahfL5m12KaparUPpZTcEILCEjjGniCy9iMk3F9hImzCXcZqQKhOnLFShjbBX/psQP4Aq5UUpdfZEGXEkKzGvZf4zu/exOdV0T1LJCZTx4gK2msm2Uq494z1pS29Ea5ra2RPrrm4HpwvJsplgtTW/kXq0M1ZffF2F2uMNe+nJUD+HVWaLm8AAtXNrOXTqcfQh2fwQmKdST4TTgAp6ui+WTWFTrUpedu15Fs29Do/kuDsIZlsiW7njryZQ2MrAaD5Yqko88+w6zoPCfsdv5VwjnnXayA67zYmUdGM/e0i+E7nWivnDPUWEz6iyPedngLkY7ARDrQeb72GOz5roVY/eylMHvxflXjkpLoKHfZ2wmhJIkvcylUi9BAnTa9U9DD59CzQm/csaZv0cn0JbOeK4ye/xbfcE/w0hYZvElnU8GEXBGRQjeewzi5B6rtP6RGY9vwUYACMHTam1T1ebAAAAAElFTkSuQmCC) no-repeat 0 0;
|
||||||
|
background-size: contain;
|
||||||
|
-webkit-animation: loading-keyframe 1s infinite linear;
|
||||||
|
animation: loading-keyframe 1s infinite linear;
|
||||||
|
}
|
||||||
|
.fadeInUp .layer{
|
||||||
|
-webkit-animation: fadeInUp .5s;
|
||||||
|
animation: fadeInUp .5s;
|
||||||
|
}
|
||||||
|
.fadeOutDown .layer{
|
||||||
|
-webkit-animation: fadeOutDown .5s!important;
|
||||||
|
animation: fadeOutDown .5s!important;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes loading-keyframe {
|
||||||
|
from {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes loading-keyframe {
|
||||||
|
from {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes fadeInUp {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translate3d(0,100%,0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeInUp {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translate3d(0,100%,0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeOutDown {
|
||||||
|
from {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translate3d(0, 100%, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeOutDown {
|
||||||
|
from {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translate3d(0, 100%, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,379 @@
|
||||||
|
@charset "GBK";
|
||||||
|
body {
|
||||||
|
background: url(../images/bg_repeat.jpg) repeat-y;
|
||||||
|
background-size: 15rem 0.1rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lottery {
|
||||||
|
position: relative;
|
||||||
|
padding-top: 4.2rem;
|
||||||
|
width: 15rem;
|
||||||
|
height: 26.1rem;
|
||||||
|
background: url(../images/bg.jpg) no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my_scroll {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 10.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 0.52rem;
|
||||||
|
line-height: 0.8rem;
|
||||||
|
color: #ffc6bb;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lottery_role {
|
||||||
|
position: absolute;
|
||||||
|
right: 0.15rem;
|
||||||
|
top: 5.85rem;
|
||||||
|
width: 1rem;
|
||||||
|
height: 3.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lottery_prize {
|
||||||
|
position: absolute;
|
||||||
|
right: 0.15rem;
|
||||||
|
top: 10.45rem;
|
||||||
|
width: 1rem;
|
||||||
|
height: 3.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lottery_tips {
|
||||||
|
position: absolute;
|
||||||
|
top: 15.85rem;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 0.48rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #fed34c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool_line {
|
||||||
|
position: absolute;
|
||||||
|
left: 7.6rem;
|
||||||
|
top: 5.6rem;
|
||||||
|
width: 0.12rem;
|
||||||
|
height: 0.5rem;
|
||||||
|
background: url(../images/bg_tool_line.png) repeat;
|
||||||
|
background-size: 0.12rem 0.02rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool {
|
||||||
|
position: absolute;
|
||||||
|
left: 6.4rem;
|
||||||
|
top: 6rem;
|
||||||
|
width: 2.48rem;
|
||||||
|
height: 2.24rem;
|
||||||
|
background: url(../images/bg_tool.png) no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool img {
|
||||||
|
margin-top: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool_box {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 11.3rem;
|
||||||
|
margin-left: -4.76rem;
|
||||||
|
width: 9.52rem;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lottery_go {
|
||||||
|
position: absolute;
|
||||||
|
left: 3.8rem;
|
||||||
|
top: 16.5rem;
|
||||||
|
width: 7.54rem;
|
||||||
|
height: 2.18rem;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
background: url(../images/btn_go.png) no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lottery_points {
|
||||||
|
position: absolute;
|
||||||
|
left: 1.2rem;
|
||||||
|
top: 20.75rem;
|
||||||
|
width: 7.4rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #fdd14a;
|
||||||
|
font-size: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lottery_link {
|
||||||
|
position: absolute;
|
||||||
|
left: 9.3rem;
|
||||||
|
top: 20.75rem;
|
||||||
|
width: 4.7rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* 中奖弹层 */
|
||||||
|
|
||||||
|
.pop {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0, 0, 0, .75);
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop_bg {
|
||||||
|
position: absolute;
|
||||||
|
top: 1rem;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -6.15rem;
|
||||||
|
width: 12.3rem;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact {
|
||||||
|
position: relative;
|
||||||
|
margin: 4.5rem auto 2rem;
|
||||||
|
width: 11rem;
|
||||||
|
font-size: 0.84rem;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed {
|
||||||
|
position: absolute;
|
||||||
|
top: 1.2rem;
|
||||||
|
right: 0rem;
|
||||||
|
width: 1.12rem;
|
||||||
|
height: 1.12rem;
|
||||||
|
background: url(../images/btn_success_closed.png) no-repeat center;
|
||||||
|
background-size: 100% auto;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 17rem;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -3.35rem;
|
||||||
|
width: 6.7rem;
|
||||||
|
height: 2.46rem;
|
||||||
|
background: url(../images/btn_receive.png) no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_success .pop_bg {
|
||||||
|
height: 15.34rem;
|
||||||
|
background-image: url(../images/bg_success.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_success .contact {
|
||||||
|
margin-top: 8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_success .contact img {
|
||||||
|
width: 7.6rem;
|
||||||
|
height: 4.56rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_success .contact span {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
margin-top: -4.05rem;
|
||||||
|
width: 8.7rem;
|
||||||
|
height: 6rem;
|
||||||
|
background: url(../images/bg_success_decorate.png) no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*未中奖弹层*/
|
||||||
|
|
||||||
|
.pop.pop_fail .pop_bg {
|
||||||
|
top: 4rem;
|
||||||
|
height: 11.94rem;
|
||||||
|
background-image: url(../images/bg_fail.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fail .btn {
|
||||||
|
top: 14rem;
|
||||||
|
background-image: url(../images/btn_ok.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fail .closed {
|
||||||
|
top: -2.1rem;
|
||||||
|
background-image: url(../images/btn_fail_closed.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*活动规则*/
|
||||||
|
|
||||||
|
.pop.pop_role .pop_bg,
|
||||||
|
.pop.pop_prize .pop_bg {
|
||||||
|
height: 18.74rem;
|
||||||
|
background-image: url(../images/bg_alert.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_role .title,
|
||||||
|
.pop.pop_prize .title {
|
||||||
|
margin: 0.5rem auto;
|
||||||
|
width: 6.22rem;
|
||||||
|
height: 1.02rem;
|
||||||
|
background: url(../images/bg_title_role.png) no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_role .contact {
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
width: 10.4rem;
|
||||||
|
color: #333;
|
||||||
|
font-size: 0.56rem;
|
||||||
|
line-height: 0.8rem;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_role .contact p {
|
||||||
|
margin-bottom: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_role .closed,
|
||||||
|
.pop.pop_prize .closed,
|
||||||
|
.pop.pop_fillin .closed {
|
||||||
|
top: 20rem;
|
||||||
|
right: 50%;
|
||||||
|
margin-right: -0.56rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*我的奖品*/
|
||||||
|
|
||||||
|
.pop.pop_prize .title {
|
||||||
|
width: 6.18rem;
|
||||||
|
background-image: url(../images/bg_title_prize.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_prize .contact {
|
||||||
|
margin-top: 1rem;
|
||||||
|
width: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_prize .content_list {
|
||||||
|
height: 15rem;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_prize .content_list li {
|
||||||
|
padding: 0.7rem 0;
|
||||||
|
border-bottom: 1px solid #d1d1d1;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_prize .content_list li:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_prize .content_list img {
|
||||||
|
float: left;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
width: 1.72rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_prize .content_list span {
|
||||||
|
float: left;
|
||||||
|
color: #2e2e2e;
|
||||||
|
font-size: 0.48rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_prize .content_list span.list_date {
|
||||||
|
float: right;
|
||||||
|
color: #bcbcbc;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*填写信息*/
|
||||||
|
|
||||||
|
.pop.pop_fillin .pop_bg {
|
||||||
|
height: 18.74rem;
|
||||||
|
background-image: url(../images/bg_fillin.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fillin .contact {
|
||||||
|
margin-top: 2.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fillin .contact p {
|
||||||
|
margin: 0 0.4rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
background: #fa5838;
|
||||||
|
/* height:1.36rem; */
|
||||||
|
line-height: 1.36rem;
|
||||||
|
font-size: 0.48rem;
|
||||||
|
color: #fff;
|
||||||
|
text-align: left;
|
||||||
|
border-radius: 0.3rem;
|
||||||
|
box-shadow: inset 1px 1px 1px #9f5f2e, 1px 1px 1px #f5d16f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fillin .contact p span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 2.96rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fillin .contact p input {
|
||||||
|
padding-left: 0.4rem;
|
||||||
|
width: 7.1rem;
|
||||||
|
height: 1.1rem;
|
||||||
|
line-height: 1.1rem;
|
||||||
|
font-size: 0.48rem;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fillin .contact input.contact_sel {
|
||||||
|
background: #fff url(../images/icon_pre.png) no-repeat 6.6rem center;
|
||||||
|
background-size: 0.26rem 0.44rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
input::placeholder,
|
||||||
|
textarea::placeholder {
|
||||||
|
color: #c2c2c2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fillin .contact p textarea {
|
||||||
|
padding-left: 0.3rem;
|
||||||
|
padding-top: 0.2rem;
|
||||||
|
margin-left: 0.4rem;
|
||||||
|
width: 9.4rem;
|
||||||
|
line-height: 0.8rem;
|
||||||
|
min-height: 3.2rem;
|
||||||
|
font-size: 0.48rem;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
resize: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop.pop_fillin .contact p.contact_btn {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 4.68rem;
|
||||||
|
height: 1.32rem;
|
||||||
|
background: url(../images/btn_confirm.png) no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
@charset "GBK";
|
||||||
|
/* CSS Document */
|
||||||
|
/*
|
||||||
|
** HTML5移动重置样式表
|
||||||
|
*/
|
||||||
|
/* ============================ 重置css样式 ============================ */
|
||||||
|
/* 清除内外边距 */
|
||||||
|
body,html,header,footer,section,span,p,h1,h2,h3,h4,ul,ol,li,select,input,button,textarea,aside,article,dd,dl,dt{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
/* 设置默认字体 */
|
||||||
|
body,button,input,select,textarea{ font:62.5%/1 "微软雅黑", Helvetica, Arial, sans-serif; }
|
||||||
|
/* 重置列表元素 */
|
||||||
|
ul, ol { list-style: none; }
|
||||||
|
/* 重置文本格式元素 */
|
||||||
|
a { text-decoration: none; }
|
||||||
|
a:focus { outline:none; }
|
||||||
|
img{
|
||||||
|
width:100%;
|
||||||
|
border:none;
|
||||||
|
vertical-align:middle;
|
||||||
|
}
|
||||||
|
/* 重置表格元素 */
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
/* ========================= 页面常用样式 CSS样式 =========================== */
|
||||||
|
html,body{
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
|
overflow-x:hidden;
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
-text-size-adjust:none;
|
||||||
|
-webkit-user-select:none;
|
||||||
|
user-select:none;
|
||||||
|
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||||
|
}
|
||||||
|
/*清除浮动*/
|
||||||
|
.clearfix:after{
|
||||||
|
display:block;
|
||||||
|
clear:both;
|
||||||
|
height:0;
|
||||||
|
visibility:hidden;
|
||||||
|
content:" ";
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6{font-weight:normal;}
|
||||||
|
.fl{float:left;}
|
||||||
|
.fr{float:right;}
|
||||||
|
input{ border: none; border-radius: 0px; background:none;outline:none;}
|
||||||
|
input[type="button"],input[type="submit"],input[type="reset"]{
|
||||||
|
-webkit-appearance:none;
|
||||||
|
appearance:none;
|
||||||
|
}
|
||||||
|
input[type=text]{
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
select,button{ -webkit-appearance: none; appearance:none;border:none;background:transparent;outline: none;}
|
||||||
|
i,em{ font-style:normal;}
|
||||||
|
/*placeholder文字默认颜色-webkit-input-placeholder*/
|
||||||
|
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
|
||||||
|
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666;}
|
||||||
|
input:-ms-input-placeholder,
|
||||||
|
textarea:-ms-input-placeholder { color: #666;}
|
||||||
|
input::-webkit-input-placeholder,
|
||||||
|
textarea::-webkit-input-placeholder { color: #666;}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 327 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 940 B |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
|
|
@ -0,0 +1,239 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh">
|
||||||
|
<head>
|
||||||
|
<meta charset="GBK">
|
||||||
|
<title>积分抓好运</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/reset.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/main.css?v=542" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/iosSelect.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="lottery">
|
||||||
|
<div class="my_scroll">
|
||||||
|
<ul class="awards">
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="lottery_tool">
|
||||||
|
<span class="tool_line"></span>
|
||||||
|
<span class="tool">
|
||||||
|
<img src="images/img_prize.png" style="display:none;" />
|
||||||
|
</span>
|
||||||
|
<img class="tool_box" src="images/img_box.png" />
|
||||||
|
</div>
|
||||||
|
<p class="lottery_role"></p>
|
||||||
|
<p class="lottery_prize"></p>
|
||||||
|
<p class="lottery_tips">每次消耗<span class="integral">50</span>积分</p>
|
||||||
|
<button class="lottery_go"></button>
|
||||||
|
<p class="lottery_points">您还剩余<span class="num">0</span>积分</p>
|
||||||
|
<a href="javascript:void(0);" class="lottery_link"></a>
|
||||||
|
</div>
|
||||||
|
<input type="hidden" class="drawType"/>
|
||||||
|
<!--未中奖-->
|
||||||
|
<div class="pop pop_fail" style="display:none;">
|
||||||
|
<div class="pop_bg">
|
||||||
|
<span class="closed"></span>
|
||||||
|
<div class="contact">就差一点点<br/>再接再厉哦</div>
|
||||||
|
<p class="btn"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--中奖-->
|
||||||
|
<div class="pop pop_success" style="display:none;">
|
||||||
|
<div class="pop_bg">
|
||||||
|
<span class="closed"></span>
|
||||||
|
<div class="contact">
|
||||||
|
<img src="" alt=""/>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<p class="btn"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--填写信息-->
|
||||||
|
<div class="pop pop_fillin" style="display:none;">
|
||||||
|
<div class="pop_bg">
|
||||||
|
<span class="closed"></span>
|
||||||
|
<div class="contact">
|
||||||
|
<p><span>收 货 人:</span><input class="uname" type="text" placeholder="请输入"/></p>
|
||||||
|
<p><span>身份证号:</span><input class="idcard" type="text" maxlength="18" placeholder="请输入"/></p>
|
||||||
|
<p><span>联系电话:</span><input class="phone" type="text" maxlength="11" placeholder="请输入"/></p>
|
||||||
|
<p><span>所在地区:</span><input class="contact_sel city" type="text" placeholder="请输入" readonly value="北京市 北京市 西城区" id="select_contact" data-city-code="110100" data-province-code="110000" data-district-code="110102"/></p>
|
||||||
|
<p><span>详细地址:</span><textarea class="addr" placeholder="请输入详细地址信息，如道路、门牌号、 小区、楼栋好、单元室等"></textarea></p>
|
||||||
|
<p class="contact_btn"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--我的奖品-->
|
||||||
|
<div class="pop pop_prize" style="display:none;">
|
||||||
|
<div class="pop_bg">
|
||||||
|
<h3 class="title"></h3>
|
||||||
|
<span class="closed"></span>
|
||||||
|
<div class="contact">
|
||||||
|
<ul class="content_list myPrizes">
|
||||||
|
<li><img src="images/img_prize01.png" /><span>50积分</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
<li><img src="images/img_prize02.png" /><span>猫眼50</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
<li><img src="images/img_prize03.png" /><span>猫眼70</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
<li><img src="images/img_prize04.png" /><span>网易季卡</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
<li><img src="images/img_prize05.png" /><span>网易月卡</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
<li><img src="images/img_prize06.png" /><span>QQ音乐</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
<li><img src="images/img_prize07.png" /><span>优酷月卡</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
<li><img src="images/img_prize08.png" /><span>优酷季卡</span><span class="list_date">2020-11-23</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--活动规则-->
|
||||||
|
<div class="pop pop_role" style="display:none;">
|
||||||
|
<div class="pop_bg">
|
||||||
|
<h3 class="title"></h3>
|
||||||
|
<span class="closed"></span>
|
||||||
|
<div class="contact drawRule">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="prizes" style="display: none;">
|
||||||
|
<img class="prize" src="" alt="">
|
||||||
|
</div>
|
||||||
|
<ul class="" style="display: none;">
|
||||||
|
<li class="award">恭喜 151****3445 获得京东E卡</li>
|
||||||
|
</ul>
|
||||||
|
<ul class="" style="display: none;">
|
||||||
|
<li class="prize_li"><img src="images/img_prize01.png" /><span class="pname">50积分</span><span class="list_date time">2020-11-23</span></li>
|
||||||
|
</ul>
|
||||||
|
<script src="js/jquery-1.11.0.min.js"></script>
|
||||||
|
<script src="js/common.js"></script>
|
||||||
|
<script src="js/scroll.js"></script>
|
||||||
|
<script src="js/iosSelect.js"></script>
|
||||||
|
<script src="js/areaData_v2.js" charset="GBK"></script>
|
||||||
|
<script src="../../common/taglibs.js"></script>
|
||||||
|
<script src="../../js/jsencrypt.min.js"></script>
|
||||||
|
<script src="../../js/encryptUtil.js"></script>
|
||||||
|
<script src="../../js/utils.js"></script>
|
||||||
|
<script src="../../js/mobile/login_register/login.js"></script>
|
||||||
|
<script src="../../js/layui/layer.js"></script>
|
||||||
|
<script src="../../js/layui/layerUtils.js"></script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script>
|
||||||
|
const DOLL = 'doll';
|
||||||
|
$(function () {
|
||||||
|
init(DOLL);
|
||||||
|
initAwards();
|
||||||
|
});
|
||||||
|
//抽奖
|
||||||
|
var cH = $(".tool")[0].clientHeight;
|
||||||
|
var tH = $(".tool")[0].offsetTop;
|
||||||
|
var lH = $('.tool_line')[0].clientHeight;
|
||||||
|
var timer = null;
|
||||||
|
$('.lottery_go').click(function(){
|
||||||
|
//中奖传1，2，3，4，5，6，7，8（对应奖品）,未中奖传-1
|
||||||
|
//1:50积分,2:猫眼50,3:猫眼70,4:网易季卡,5:网易月卡,6:QQ音乐,7:优酷月卡,8:优酷季卡
|
||||||
|
fnLottery(-1);
|
||||||
|
});
|
||||||
|
function fnLottery(status){
|
||||||
|
try{
|
||||||
|
zhuge.track('娃娃机-开始抓奖按钮【'+drawCode+'】');
|
||||||
|
}catch(err){console.log(err);}
|
||||||
|
if (running) {
|
||||||
|
console.log('running...');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
start();
|
||||||
|
if (!body) {
|
||||||
|
console.log('body is null');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (body.prizeType != 'empty') {
|
||||||
|
status = body.displayOrder;
|
||||||
|
} else {
|
||||||
|
status = -1;
|
||||||
|
}
|
||||||
|
$('.tool_line').animate({height:cH*2.5},2000);
|
||||||
|
$(".tool").animate({top:cH*5},2000);
|
||||||
|
if(timer !== null){
|
||||||
|
clearTimeout(timer);
|
||||||
|
}
|
||||||
|
timer = setTimeout(() => {
|
||||||
|
if(status != -1){
|
||||||
|
$(".tool img").show();
|
||||||
|
}
|
||||||
|
$('.tool_line').animate({height:lH},1500);
|
||||||
|
$(".tool").animate({top:tH},1500,function(){
|
||||||
|
//中奖啦
|
||||||
|
if(status != -1){
|
||||||
|
$('.pop_success').show();
|
||||||
|
$(".tool img").hide();
|
||||||
|
let prizeCode = body.prizeCode;
|
||||||
|
let imgSrc = $('img[p-code='+prizeCode+']').attr('src');
|
||||||
|
$(".contact img").attr('src',imgSrc);
|
||||||
|
}
|
||||||
|
//未中奖
|
||||||
|
if(status == -1){
|
||||||
|
$('.pop_fail').show();
|
||||||
|
}
|
||||||
|
running = false;
|
||||||
|
});
|
||||||
|
}, 2500);
|
||||||
|
}
|
||||||
|
|
||||||
|
//所在地区选择
|
||||||
|
var selectContactDom = $('#select_contact');
|
||||||
|
selectContactDom.bind('click', function () {
|
||||||
|
var oneLevelId = selectContactDom.attr('data-province-code'); //省code
|
||||||
|
var twoLevelId = selectContactDom.attr('data-city-code');//市code
|
||||||
|
var threeLevelId = selectContactDom.attr('data-district-code');//区code
|
||||||
|
var iosSelect = new IosSelect(3,
|
||||||
|
[iosProvinces, iosCitys, iosCountys],
|
||||||
|
{
|
||||||
|
title: '地址选择',
|
||||||
|
itemHeight: 35,
|
||||||
|
relation: [1, 1],
|
||||||
|
oneLevelId: oneLevelId,
|
||||||
|
twoLevelId: twoLevelId,
|
||||||
|
threeLevelId: threeLevelId,
|
||||||
|
callback: function (selectOneObj, selectTwoObj, selectThreeObj) {
|
||||||
|
selectContactDom.attr('data-province-code', selectOneObj.id);
|
||||||
|
selectContactDom.attr('data-city-code', selectTwoObj.id);
|
||||||
|
selectContactDom.attr('data-district-code', selectThreeObj.id);
|
||||||
|
selectContactDom.attr('value',selectOneObj.value + ' ' + selectTwoObj.value + ' ' + selectThreeObj.value);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
//活动规则
|
||||||
|
$('.lottery_role').click(function(){
|
||||||
|
$('.pop_role').show();
|
||||||
|
})
|
||||||
|
//关闭弹层
|
||||||
|
$('.closed,.btn').click(function(){
|
||||||
|
$(this).parents('.pop').hide();
|
||||||
|
})
|
||||||
|
//未中奖确认关闭弹层
|
||||||
|
$('.pop_fail .btn').click(function(){
|
||||||
|
$(this).parents('.pop').hide();
|
||||||
|
})
|
||||||
|
//中奖立即领取
|
||||||
|
$('.pop_success .btn').click(function(){
|
||||||
|
$(this).parents('.pop').hide();
|
||||||
|
let cue = body.cue;
|
||||||
|
let prizeType = body.prizeType;
|
||||||
|
if (prizeType === 'materialObject') {
|
||||||
|
$('.pop_fillin').show();
|
||||||
|
} else {
|
||||||
|
layerTip(cue);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$('.contact_btn').click(function () {
|
||||||
|
saveAddr()
|
||||||
|
})
|
||||||
|
$('.lottery_prize').click(function () {
|
||||||
|
myprizes(DOLL)
|
||||||
|
})
|
||||||
|
$('.lottery_link').click(function () {
|
||||||
|
try{
|
||||||
|
zhuge.track('娃娃机-点我赚积分按钮【'+drawCode+'】');
|
||||||
|
}catch(err){console.log(err);}
|
||||||
|
// location.href = contextRootPath+'/wechat/user/toPension.do?ak=pensionSecond';
|
||||||
|
location.href = contextRootPath+'/activity/tree/index.html?showTask=1&cl='+cl;
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,32 @@
|
||||||
|
// 改变窗口的时候重新计算大小
|
||||||
|
document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 15 + "px";
|
||||||
|
window.onresize = function () {
|
||||||
|
document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 15 + "px";
|
||||||
|
}
|
||||||
|
function GetQueryString(name) {
|
||||||
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||||
|
var r = window.location.search.substr(1).match(reg);
|
||||||
|
if (r != null)
|
||||||
|
return decodeURI(r[2]);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
;(function() {
|
||||||
|
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
|
||||||
|
handleFontSize();
|
||||||
|
} else {
|
||||||
|
if (document.addEventListener) {
|
||||||
|
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
|
||||||
|
} else if (document.attachEvent) {
|
||||||
|
document.attachEvent("WeixinJSBridgeReady", handleFontSize);
|
||||||
|
document.attachEvent("onWeixinJSBridgeReady", handleFontSize); }
|
||||||
|
}
|
||||||
|
function handleFontSize() {
|
||||||
|
// 设置网页字体为默认大小
|
||||||
|
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
|
||||||
|
// 重写设置网页字体大小的事件
|
||||||
|
WeixinJSBridge.on('menu:setfont', function() {
|
||||||
|
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})();
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,238 @@
|
||||||
|
let drawCode = getParameter('drawCode');
|
||||||
|
let cl = getParameter('cl');
|
||||||
|
let uid = getParameter('uid');
|
||||||
|
let running = false;
|
||||||
|
let body;
|
||||||
|
//剩余次数或积分
|
||||||
|
function init(facade){
|
||||||
|
$.ajax({
|
||||||
|
type:'POST',
|
||||||
|
url:contextRootPath+'/integral/active/init.do',
|
||||||
|
data: {"drawCode": drawCode, "uid":uid, 'facade':facade},
|
||||||
|
dataType:'json',
|
||||||
|
success:function(data){
|
||||||
|
let code = data.respCode;
|
||||||
|
let msg = data.respMsg;
|
||||||
|
if (code !== '1') {
|
||||||
|
layerTip(msg);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let drawType = data.drawType;
|
||||||
|
$('.drawType').val(drawType);
|
||||||
|
$('.drawRule').html(data.drawRule);
|
||||||
|
$('.integral').html(data.integral);
|
||||||
|
num(drawType);
|
||||||
|
let prizes = data.prizes;
|
||||||
|
$.each(prizes, function (i, n) {
|
||||||
|
let prizeCode = n.prizeCode;
|
||||||
|
let prizeName = n.prizeName;
|
||||||
|
let prizeImg = n.prizeImg;
|
||||||
|
let prize = $('.prize').clone();
|
||||||
|
prize.show();
|
||||||
|
prize.removeClass('prize');
|
||||||
|
prize.attr('p-code', prizeCode);
|
||||||
|
prize.attr('p-name', prizeName);
|
||||||
|
prize.attr('src', contextRootPath+prizeImg);
|
||||||
|
$('.prizes').append(prize);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
error:function(XMLHttpRequest, textStatus, errorThrown){
|
||||||
|
console.log(textStatus);
|
||||||
|
layerTip('网络异常，请检查网络环境');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function initAwards(){
|
||||||
|
$.ajax({
|
||||||
|
type:'POST',
|
||||||
|
url:contextRootPath+'/integral/active/getRollList.do',
|
||||||
|
data: {"drawCode": drawCode},
|
||||||
|
dataType:'json',
|
||||||
|
success:function(data){
|
||||||
|
let awards = data.awardPrizeLists;
|
||||||
|
if (!awards) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$.each(awards, function (i, n) {
|
||||||
|
let userName = n.userName;
|
||||||
|
let prizeName = n.prizeName;
|
||||||
|
let dateStr = n.dateStr;
|
||||||
|
let award = $('.award').clone();
|
||||||
|
award.show();
|
||||||
|
award.removeClass('award');
|
||||||
|
award.html('恭喜'+userName+'获得'+prizeName);
|
||||||
|
$('.awards').append(award);
|
||||||
|
});
|
||||||
|
//中奖名单滚动
|
||||||
|
$('.my_scroll').myScroll({
|
||||||
|
speed: 100, //数值越大，速度越慢
|
||||||
|
rowHeight: 38//li的高度
|
||||||
|
});
|
||||||
|
},
|
||||||
|
error:function(XMLHttpRequest, textStatus, errorThrown){
|
||||||
|
console.log(textStatus);
|
||||||
|
layerTip('网络异常，请检查网络环境');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function myprizes(facade) {
|
||||||
|
$('.myPrizes').html('');
|
||||||
|
$('.pop_prize').show();
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: contextRootPath+'/integral/active/awardPrizeList.do',
|
||||||
|
data: {drawCode: drawCode, facade: facade},
|
||||||
|
dataType: "json",
|
||||||
|
success: function(data){
|
||||||
|
let prizes = data.awardPrizeLists;
|
||||||
|
if (!prizes) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$.each(prizes, function (i, n) {
|
||||||
|
let ptype = n.prizeType;
|
||||||
|
let status = n.status;
|
||||||
|
let prizeCode = n.prizeCode;
|
||||||
|
let prize = $('.prize_li').clone();
|
||||||
|
prize.show();
|
||||||
|
prize.removeClass('prize_li');
|
||||||
|
prize.find('.pname').html(n.prizeName);
|
||||||
|
prize.find('.time').html(n.dateStr);
|
||||||
|
let imgSrc = $('img[p-code=' + prizeCode + ']').attr('src');
|
||||||
|
prize.find("img").attr('src', imgSrc);
|
||||||
|
let link = n.link;
|
||||||
|
if (link) {
|
||||||
|
prize.on('click', function () {
|
||||||
|
location.href = link;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$(prize).attr('val', prizeCode);
|
||||||
|
$(prize).attr('flow', n.gatewayFolw);
|
||||||
|
$(prize).attr('ptype', ptype);
|
||||||
|
$('.myPrizes').append(prize);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
||||||
|
console.log('网络异常', textStatus, errorThrown);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
function saveAddr(type) {
|
||||||
|
let uname = $('.uname').val();
|
||||||
|
let idcard = $('.idcard').val();
|
||||||
|
let phone = $('.phone').val();
|
||||||
|
let city = $('.city').val();
|
||||||
|
let addr = $('.addr').val();
|
||||||
|
let flow = body.gatewayFolw;
|
||||||
|
let prizeType = body.prizeType;
|
||||||
|
if ('integral' == prizeType) {
|
||||||
|
} else if ('materialObject' == prizeType) {
|
||||||
|
if (!uname) {
|
||||||
|
layerTip('请输入收货人姓名');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!idcard) {
|
||||||
|
layerTip('请输入身份证号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!phone) {
|
||||||
|
layerTip('请输入联系电话');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!city) {
|
||||||
|
layerTip('请选择所在地区');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!addr) {
|
||||||
|
layerTip('请输入详细地址');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
}
|
||||||
|
uname = getEntryptPwd(uname);
|
||||||
|
idcard = getEntryptPwd(idcard);
|
||||||
|
phone = getEntryptPwd(phone);
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: contextRootPath+'/integral/active/saveUserAddress.do',
|
||||||
|
data: {drawCode: drawCode, gatewayFlow:flow, "userName":uname,"phone":phone,"city":city,"address":addr,"type":type,"IDNumber":idcard},
|
||||||
|
dataType: "json",
|
||||||
|
success: function(data){
|
||||||
|
let code = data.code;
|
||||||
|
let msg = data.msg;
|
||||||
|
if (code != '0') {
|
||||||
|
layerTip(msg);
|
||||||
|
}
|
||||||
|
if ('integral' == prizeType) {
|
||||||
|
} else if ('materialObject' == prizeType) {
|
||||||
|
} else {
|
||||||
|
}
|
||||||
|
$('.pop_fillin').hide();
|
||||||
|
layerTip('保存成功')
|
||||||
|
},
|
||||||
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
||||||
|
console.log('网络异常', textStatus, errorThrown);
|
||||||
|
layerTip('网络异常，请检查网络环境');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
function start() {
|
||||||
|
if (running) {
|
||||||
|
console.log('running...');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
running = true;
|
||||||
|
$.ajax({
|
||||||
|
type:'POST',
|
||||||
|
async:false,
|
||||||
|
url:contextRootPath+'/integral/active/getReward.do',
|
||||||
|
data: {"drawCode": drawCode,"cl":cl},
|
||||||
|
dataType:'json',
|
||||||
|
success:function(data){
|
||||||
|
let code = data.code;
|
||||||
|
let msg = data.msg;
|
||||||
|
if (code == '1') {
|
||||||
|
layerTip(msg);
|
||||||
|
to_login(cl);
|
||||||
|
running = false;
|
||||||
|
return;
|
||||||
|
} else if (code == '-1') {
|
||||||
|
running = false;
|
||||||
|
layerTip('请先完善手机号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (code != '0') {
|
||||||
|
running = false;
|
||||||
|
layerTip(msg);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
body = data.body;
|
||||||
|
$(".num").html(body.available);
|
||||||
|
},
|
||||||
|
error:function(XMLHttpRequest, textStatus, errorThrown){
|
||||||
|
running = false;
|
||||||
|
console.log(textStatus);
|
||||||
|
layerTip('网络异常，请检查网络环境');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
//剩余次数或积分
|
||||||
|
function num(drawType){
|
||||||
|
// let drawType = $('.drawType').val();
|
||||||
|
$.ajax({
|
||||||
|
type:'POST',
|
||||||
|
url: contextRootPath+'/integral/active/getDrawAvailableNumber.do',
|
||||||
|
data: {"drawCode": drawCode,"drawType":drawType},
|
||||||
|
dataType:'json',
|
||||||
|
success:function(data){
|
||||||
|
if(data.code=="0"){
|
||||||
|
$(".num").html(data.number);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error:function(XMLHttpRequest, textStatus, errorThrown){
|
||||||
|
console.log(textStatus);
|
||||||
|
layerTip('网络异常，请检查网络环境');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,51 @@
|
||||||
|
// JavaScript Document
|
||||||
|
(function($){
|
||||||
|
$.fn.myScroll = function(options){
|
||||||
|
//默认配置
|
||||||
|
var defaults = {
|
||||||
|
speed:80, //滚动速度,值越大速度越慢
|
||||||
|
rowHeight:18 //每行的高度
|
||||||
|
};
|
||||||
|
|
||||||
|
var opts = $.extend({}, defaults, options),intId = [];
|
||||||
|
|
||||||
|
function marquee(obj, step){
|
||||||
|
|
||||||
|
obj.find("ul").animate({
|
||||||
|
marginTop: '-=1'
|
||||||
|
},0,function(){
|
||||||
|
var s = Math.abs(parseInt($(this).css("margin-top")));
|
||||||
|
if(s >= step){
|
||||||
|
$(this).find("li").slice(0, 1).appendTo($(this));
|
||||||
|
$(this).css("margin-top", 0);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
this.each(function(i){
|
||||||
|
var sh = opts["rowHeight"],speed = opts["speed"],_this = $(this);
|
||||||
|
intId[i] = setInterval(function(){
|
||||||
|
if(_this.find("ul").height()<=_this.height()){
|
||||||
|
clearInterval(intId[i]);
|
||||||
|
}else{
|
||||||
|
marquee(_this, sh);
|
||||||
|
}
|
||||||
|
}, speed);
|
||||||
|
|
||||||
|
_this.hover(function(){
|
||||||
|
clearInterval(intId[i]);
|
||||||
|
},function(){
|
||||||
|
intId[i] = setInterval(function(){
|
||||||
|
if(_this.find("ul").height()<=_this.height()){
|
||||||
|
clearInterval(intId[i]);
|
||||||
|
}else{
|
||||||
|
marquee(_this, sh);
|
||||||
|
}
|
||||||
|
}, speed);
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
Loading…
Reference in New Issue