新增夺宝精灵和账单
This commit is contained in:
qf
345
view/peko/modules/act-treasureSnatching/css/index.css
Normal file
345
view/peko/modules/act-treasureSnatching/css/index.css
Normal file
@@ -0,0 +1,345 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0.7333333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 0.7466666667rem;
|
||||||
|
height: 0.7466666667rem;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: 0.5333333333rem;
|
||||||
|
top: 0.6933333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 4.8rem;
|
||||||
|
height: 0.48rem;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 0.6666666667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my {
|
||||||
|
width: 100%;
|
||||||
|
height: 2.4266666667rem;
|
||||||
|
background: url(../images/myBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 9;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.my .tx {
|
||||||
|
width: 1.1733333333rem;
|
||||||
|
height: 1.1733333333rem;
|
||||||
|
background: #005E15;
|
||||||
|
border: 0.0133333333rem solid #fff;
|
||||||
|
margin-top: 0.4133333333rem;
|
||||||
|
margin-left: 0.4133333333rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 0.0666666667rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.my .name {
|
||||||
|
float: left;
|
||||||
|
width: 2.4rem;
|
||||||
|
margin-top: 0.88rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.my .but {
|
||||||
|
width: 1.0666666667rem;
|
||||||
|
height: 0.4266666667rem;
|
||||||
|
line-height: 0.4266666667rem;
|
||||||
|
border-radius: 0.1066666667rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #1F5764;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||||
|
margin-top: 0.8533333333rem;
|
||||||
|
float: right;
|
||||||
|
margin-right: 0.2666666667rem;
|
||||||
|
margin-left: 0.12rem;
|
||||||
|
}
|
||||||
|
.my .num2 {
|
||||||
|
margin-top: 0.92rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.my .icon2 {
|
||||||
|
width: 0.64rem;
|
||||||
|
height: 0.64rem;
|
||||||
|
display: block;
|
||||||
|
margin-top: 0.7466666667rem;
|
||||||
|
margin-right: 0.12rem;
|
||||||
|
float: right;
|
||||||
|
margin-left: 0.3333333333rem;
|
||||||
|
}
|
||||||
|
.my .num1 {
|
||||||
|
margin-top: 0.92rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.my .icon1 {
|
||||||
|
width: 0.64rem;
|
||||||
|
height: 0.64rem;
|
||||||
|
display: block;
|
||||||
|
margin-top: 0.7466666667rem;
|
||||||
|
margin-right: 0.12rem;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
width: 9.3333333333rem;
|
||||||
|
margin: 0.6266666667rem auto 0;
|
||||||
|
height: 9.9333333333rem;
|
||||||
|
overflow-y: scroll;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
}
|
||||||
|
ul::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
width: 4.4rem;
|
||||||
|
height: 6.2133333333rem;
|
||||||
|
margin-bottom: 0.4533333333rem;
|
||||||
|
background: url(../images/prop.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
ul li .title {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
left: 0;
|
||||||
|
top: 0.4933333333rem;
|
||||||
|
color: #1F5764;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
}
|
||||||
|
ul li .giftImg {
|
||||||
|
width: 1.8666666667rem;
|
||||||
|
height: 1.8666666667rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
top: 1.4533333333rem;
|
||||||
|
}
|
||||||
|
ul li .name {
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
top: 3.72rem;
|
||||||
|
}
|
||||||
|
ul li .zs {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 4.12rem;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
ul li .zs .icon {
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
ul li .zs b {
|
||||||
|
display: block;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
}
|
||||||
|
ul li .but {
|
||||||
|
width: 2.1333333333rem;
|
||||||
|
height: 0.6666666667rem;
|
||||||
|
line-height: 0.6666666667rem;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0.7066666667rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
text-align: center;
|
||||||
|
color: #1F5764;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||||
|
border-radius: 0.1066666667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buy {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
z-index: 999;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.buy .buy_in {
|
||||||
|
width: 7.4933333333rem;
|
||||||
|
height: 7.6rem;
|
||||||
|
background: url(../images/pub.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
.buy .buy_in .title {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 1.4266666667rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.buy .buy_in .num {
|
||||||
|
position: absolute;
|
||||||
|
left: 2.04rem;
|
||||||
|
top: 2.6666666667rem;
|
||||||
|
width: 3.4666666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
}
|
||||||
|
.buy .buy_in .num b {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 0.2266666667rem;
|
||||||
|
float: left;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
}
|
||||||
|
.buy .buy_in .num .box {
|
||||||
|
float: left;
|
||||||
|
display: inline-block;
|
||||||
|
width: 2.4rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
border-radius: 0.5866666667rem;
|
||||||
|
background: #007F6C;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.buy .buy_in .num .box input {
|
||||||
|
background: none;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
height: 100%;
|
||||||
|
width: 0.9rem;
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.buy .buy_in .num .box .subtraction {
|
||||||
|
position: absolute;
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
background: url(../images/subtraction.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.buy .buy_in .num .box .add {
|
||||||
|
position: absolute;
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
background: url(../images/add.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.buy .buy_in .day {
|
||||||
|
position: absolute;
|
||||||
|
width: 6rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
left: 2.04rem;
|
||||||
|
top: 3.8133333333rem;
|
||||||
|
}
|
||||||
|
.buy .buy_in .day b {
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 0.2266666667rem;
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.buy .buy_in .day span {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
}
|
||||||
|
.buy .buy_in .day i {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
.buy .buy_in .zs {
|
||||||
|
position: absolute;
|
||||||
|
width: 6rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
left: 2.04rem;
|
||||||
|
top: 4.8533333333rem;
|
||||||
|
}
|
||||||
|
.buy .buy_in .zs b {
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 0.2266666667rem;
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.buy .buy_in .zs span {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
}
|
||||||
|
.buy .buy_in .zs i {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
.buy .buy_in .close {
|
||||||
|
width: 2.7733333333rem;
|
||||||
|
height: 0.8533333333rem;
|
||||||
|
line-height: 0.8533333333rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #008573;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 0.6533333333rem;
|
||||||
|
bottom: 1.12rem;
|
||||||
|
background: url(../images/close.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.buy .buy_in .ok {
|
||||||
|
width: 2.7733333333rem;
|
||||||
|
height: 0.8533333333rem;
|
||||||
|
line-height: 0.8533333333rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #8A4801;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
position: absolute;
|
||||||
|
right: 0.6533333333rem;
|
||||||
|
bottom: 1.12rem;
|
||||||
|
background: url(../images/close.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=index.css.map */
|
||||||
386
view/peko/modules/act-treasureSnatching/css/index.scss
Normal file
386
view/peko/modules/act-treasureSnatching/css/index.scss
Normal file
@@ -0,0 +1,386 @@
|
|||||||
|
@function px2rem($px, $rem:75) {
|
||||||
|
@return $px / $rem+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
// overflow-y: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: px2rem(55, );
|
||||||
|
// background: #00B7A3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: px2rem(56, );
|
||||||
|
height: px2rem(56, );
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: px2rem(40, );
|
||||||
|
top: px2rem(52, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: px2rem(360, );
|
||||||
|
height: px2rem(36, );
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto px2rem(50, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.my {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(182, );
|
||||||
|
background: url(../images/myBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 9;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.tx {
|
||||||
|
width: px2rem(88, );
|
||||||
|
height: px2rem(88, );
|
||||||
|
background: #005E15;
|
||||||
|
border: px2rem(1, ) solid #fff;
|
||||||
|
margin-top: px2rem(31, );
|
||||||
|
margin-left: px2rem(31, );
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: px2rem(5, );
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
float: left;
|
||||||
|
width: 2.4rem;
|
||||||
|
margin-top: px2rem(66, );
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
overflow: hidden; //超出隐藏
|
||||||
|
white-space: nowrap; //不折行
|
||||||
|
text-overflow: ellipsis; //溢出显示省略号
|
||||||
|
}
|
||||||
|
|
||||||
|
.but {
|
||||||
|
width: px2rem(80, );
|
||||||
|
height: px2rem(32, );
|
||||||
|
line-height: px2rem(32, );
|
||||||
|
border-radius: px2rem(8, );
|
||||||
|
text-align: center;
|
||||||
|
color: #1F5764;
|
||||||
|
font-size: px2rem(24, );
|
||||||
|
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||||
|
margin-top: px2rem(64, );
|
||||||
|
float: right;
|
||||||
|
margin-right: px2rem(20, );
|
||||||
|
margin-left: px2rem(9, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.num2 {
|
||||||
|
margin-top: px2rem(69, );
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(24, );
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon2 {
|
||||||
|
width: px2rem(48, );
|
||||||
|
height: px2rem(48, );
|
||||||
|
display: block;
|
||||||
|
margin-top: px2rem(56, );
|
||||||
|
// background: #FFF3AE;
|
||||||
|
margin-right: px2rem(9, );
|
||||||
|
float: right;
|
||||||
|
margin-left: px2rem(25, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.num1 {
|
||||||
|
margin-top: px2rem(69, );
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(24, );
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon1 {
|
||||||
|
width: px2rem(48, );
|
||||||
|
height: px2rem(48, );
|
||||||
|
display: block;
|
||||||
|
margin-top: px2rem(56, );
|
||||||
|
// background: #FFF3AE;
|
||||||
|
margin-right: px2rem(9, );
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
width: px2rem(700, );
|
||||||
|
margin: px2rem(47, ) auto 0;
|
||||||
|
height: px2rem(745, );
|
||||||
|
// background: pink;
|
||||||
|
overflow-y: scroll;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: px2rem(330, );
|
||||||
|
height: px2rem(466, );
|
||||||
|
margin-bottom: px2rem(34, );
|
||||||
|
background: url(../images/prop.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
left: 0;
|
||||||
|
top: px2rem(37, );
|
||||||
|
color: #1F5764;
|
||||||
|
font-size: px2rem(24, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.giftImg {
|
||||||
|
width: px2rem(140, );
|
||||||
|
height: px2rem(140, );
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
top: px2rem(109, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(24, );
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
top: px2rem(279, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.zs {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(44, );
|
||||||
|
line-height: px2rem(44, );
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
position: absolute;
|
||||||
|
top: px2rem(309, );
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: px2rem(44, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
b {
|
||||||
|
display: block;
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(24, );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.but {
|
||||||
|
width: px2rem(160, );
|
||||||
|
height: px2rem(50, );
|
||||||
|
line-height: px2rem(50, );
|
||||||
|
position: absolute;
|
||||||
|
bottom: px2rem(53, );
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
text-align: center;
|
||||||
|
color: #1F5764;
|
||||||
|
font-size: px2rem(24, );
|
||||||
|
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||||
|
border-radius: px2rem(8, );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.buy {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
background: rgba(0, 0, 0, .8);
|
||||||
|
z-index: 999;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
.buy_in {
|
||||||
|
width: px2rem(562, );
|
||||||
|
height: px2rem(570, );
|
||||||
|
background: url(../images/pub.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: px2rem(107, );
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30, );
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.num {
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(153, );
|
||||||
|
top: px2rem(200, );
|
||||||
|
width: px2rem(260, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
line-height: px2rem(44, );
|
||||||
|
|
||||||
|
b {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
color: #fff;
|
||||||
|
margin-right: px2rem(17, );
|
||||||
|
float: left;
|
||||||
|
height: px2rem(44, );
|
||||||
|
line-height: px2rem(44, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
float: left;
|
||||||
|
display: inline-block;
|
||||||
|
width: px2rem(180, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
border-radius: px2rem(44, );
|
||||||
|
background: #007F6C;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
input {
|
||||||
|
background: none;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
height: 100%;
|
||||||
|
width: 0.9rem;
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtraction {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(44, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
background: url(../images/subtraction.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(44, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
background: url(../images/add.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.day {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(450, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
line-height: px2rem(44, );
|
||||||
|
left: px2rem(153, );
|
||||||
|
top: px2rem(286, );
|
||||||
|
|
||||||
|
b {
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
color: #fff;
|
||||||
|
margin-right: px2rem(17, );
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zs {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(450, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
line-height: px2rem(44, );
|
||||||
|
left: px2rem(153, );
|
||||||
|
top: px2rem(364, );
|
||||||
|
|
||||||
|
b {
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
color: #fff;
|
||||||
|
margin-right: px2rem(17, );
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
color: #FEF8A8;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
width: px2rem(208, );
|
||||||
|
height: px2rem(64, );
|
||||||
|
line-height: px2rem(64, );
|
||||||
|
text-align: center;
|
||||||
|
color: #008573;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(49, );
|
||||||
|
bottom: px2rem(84, );
|
||||||
|
background: url(../images/close.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ok {
|
||||||
|
width: px2rem(208, );
|
||||||
|
height: px2rem(64, );
|
||||||
|
line-height: px2rem(64, );
|
||||||
|
text-align: center;
|
||||||
|
color: #8A4801;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
position: absolute;
|
||||||
|
right: px2rem(49, );
|
||||||
|
bottom: px2rem(84, );
|
||||||
|
background: url(../images/close.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
140
view/peko/modules/act-treasureSnatching/css/list.css
Normal file
140
view/peko/modules/act-treasureSnatching/css/list.css
Normal file
@@ -0,0 +1,140 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0.7333333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 0.7466666667rem;
|
||||||
|
height: 0.7466666667rem;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: 0.5333333333rem;
|
||||||
|
top: 0.6933333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 4.8rem;
|
||||||
|
height: 0.48rem;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 0.6666666667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
width: 5.7333333333rem;
|
||||||
|
height: 0.3866666667rem;
|
||||||
|
margin: 0.68rem auto 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.tab div {
|
||||||
|
width: 2.4rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
position: relative;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.tab div span {
|
||||||
|
position: absolute;
|
||||||
|
width: 1.6rem;
|
||||||
|
height: 0.1066666667rem;
|
||||||
|
border-radius: 0.1066666667rem;
|
||||||
|
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: -0.1466666667rem;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tab .active {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.tab .active span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0.36rem auto 0.3066666667rem;
|
||||||
|
color: #59FDFF;
|
||||||
|
font-size: 0.2666666667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
width: 9.2rem;
|
||||||
|
height: 10.1333333333rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
ul::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
ul li {
|
||||||
|
width: 100%;
|
||||||
|
height: 1.4666666667rem;
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: 0.1066666667rem;
|
||||||
|
margin-bottom: 0.2266666667rem;
|
||||||
|
}
|
||||||
|
ul li .num {
|
||||||
|
float: left;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 1.4666666667rem;
|
||||||
|
font-size: 0.4266666667rem;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-left: 0.5333333333rem;
|
||||||
|
margin-right: 0.56rem;
|
||||||
|
}
|
||||||
|
ul li .tx {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 1.3066666667rem;
|
||||||
|
height: 1.3066666667rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 0.0133333333rem solid #FFE8AA;
|
||||||
|
background: #00332C;
|
||||||
|
margin-top: 0.08rem;
|
||||||
|
margin-right: 0.2133333333rem;
|
||||||
|
}
|
||||||
|
ul li .name {
|
||||||
|
width: 2.76rem;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 1.4666666667rem;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
ul li .icon {
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
ul li .score {
|
||||||
|
float: right;
|
||||||
|
margin-right: 0.4rem;
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 1.4666666667rem;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
}
|
||||||
|
ul .active .num {
|
||||||
|
width: 0.8266666667rem;
|
||||||
|
height: 1.0666666667rem;
|
||||||
|
line-height: 0.8rem;
|
||||||
|
text-align: center;
|
||||||
|
background: url(../images/No.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
float: left;
|
||||||
|
margin-right: 0.3066666667rem;
|
||||||
|
margin-left: 0.2133333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=list.css.map */
|
||||||
160
view/peko/modules/act-treasureSnatching/css/list.scss
Normal file
160
view/peko/modules/act-treasureSnatching/css/list.scss
Normal file
@@ -0,0 +1,160 @@
|
|||||||
|
@function px2rem($px, $rem:75) {
|
||||||
|
@return $px / $rem+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
// overflow-y: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: px2rem(55, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: px2rem(56, );
|
||||||
|
height: px2rem(56, );
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: px2rem(40, );
|
||||||
|
top: px2rem(52, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: px2rem(360, );
|
||||||
|
height: px2rem(36, );
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto px2rem(50, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
width: px2rem(430, );
|
||||||
|
height: px2rem(29, );
|
||||||
|
margin: px2rem(51, ) auto 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
div {
|
||||||
|
width: px2rem(180, );
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30, );
|
||||||
|
position: relative;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
span {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(120, );
|
||||||
|
height: px2rem(8, );
|
||||||
|
border-radius: px2rem(8, );
|
||||||
|
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: px2rem(-11, );
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin: px2rem(27, ) auto px2rem(23, );
|
||||||
|
color: #59FDFF;
|
||||||
|
font-size: px2rem(20, );
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
width: px2rem(690, );
|
||||||
|
height: px2rem(760, );
|
||||||
|
// background: pink;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow-y: scroll;
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(110, );
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: px2rem(8, );
|
||||||
|
margin-bottom: px2rem(17, );
|
||||||
|
|
||||||
|
.num {
|
||||||
|
float: left;
|
||||||
|
height: 100%;
|
||||||
|
line-height: px2rem(110, );
|
||||||
|
font-size: px2rem(32, );
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-left: px2rem(40, );
|
||||||
|
margin-right: px2rem(42, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.tx {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: px2rem(98, );
|
||||||
|
height: px2rem(98, );
|
||||||
|
border-radius: 50%;
|
||||||
|
border: px2rem(1, ) solid #FFE8AA;
|
||||||
|
background: #00332C;
|
||||||
|
margin-top: px2rem(6, );
|
||||||
|
margin-right: px2rem(16, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
width: px2rem(207, );
|
||||||
|
height: 100%;
|
||||||
|
line-height: px2rem(110, );
|
||||||
|
overflow: hidden; //超出隐藏
|
||||||
|
white-space: nowrap; //不折行
|
||||||
|
text-overflow: ellipsis; //溢出显示省略号
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
float: left;
|
||||||
|
// margin-right: px2rem(90, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: px2rem(44, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
// background: #2D4319;
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score {
|
||||||
|
float: right;
|
||||||
|
margin-right: px2rem(30, );
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
height: 100%;
|
||||||
|
line-height: px2rem(110, );
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
.num {
|
||||||
|
width: px2rem(62, );
|
||||||
|
height: px2rem(80, );
|
||||||
|
line-height: px2rem(60, );
|
||||||
|
text-align: center;
|
||||||
|
background: url(../images/No.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
float: left;
|
||||||
|
margin-right: px2rem(23, );
|
||||||
|
margin-left: px2rem(16, );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
92
view/peko/modules/act-treasureSnatching/css/record.css
Normal file
92
view/peko/modules/act-treasureSnatching/css/record.css
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0.7333333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 0.7466666667rem;
|
||||||
|
height: 0.7466666667rem;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: 0.5333333333rem;
|
||||||
|
top: 0.6933333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 4.8rem;
|
||||||
|
height: 0.48rem;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 0.6666666667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ul {
|
||||||
|
width: 9.2rem;
|
||||||
|
height: 11.3333333333rem;
|
||||||
|
overflow-y: scroll;
|
||||||
|
margin: 0.6rem auto 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0.4533333333rem;
|
||||||
|
}
|
||||||
|
.ul::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.ul li {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 0.6133333333rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: 0.1066666667rem;
|
||||||
|
position: relative;
|
||||||
|
height: 1.4666666667rem;
|
||||||
|
line-height: 1.4666666667rem;
|
||||||
|
}
|
||||||
|
.ul li .txBox {
|
||||||
|
width: 1.8666666667rem;
|
||||||
|
height: 1.8666666667rem;
|
||||||
|
border-radius: 0.16rem;
|
||||||
|
border: 0.0133333333rem solid #FFE8AA;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #007983;
|
||||||
|
}
|
||||||
|
.ul li .txBox img {
|
||||||
|
position: absolute;
|
||||||
|
width: 1.4533333333rem;
|
||||||
|
height: 1.4533333333rem;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
.ul li .giftName {
|
||||||
|
width: 2.6666666667rem;
|
||||||
|
margin: 0 0.6rem 0 2.08rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ul li .score {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ul li .probability {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
float: right;
|
||||||
|
margin-right: 0.3333333333rem;
|
||||||
|
}
|
||||||
|
.ul .active {
|
||||||
|
width: 100%;
|
||||||
|
height: 8.9333333333rem;
|
||||||
|
background: url(../images/record_not.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.ul .active div {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=record.css.map */
|
||||||
106
view/peko/modules/act-treasureSnatching/css/record.scss
Normal file
106
view/peko/modules/act-treasureSnatching/css/record.scss
Normal file
@@ -0,0 +1,106 @@
|
|||||||
|
@function px2rem($px, $rem:75) {
|
||||||
|
@return $px / $rem+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
// overflow-y: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: px2rem(55, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: px2rem(56, );
|
||||||
|
height: px2rem(56, );
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: px2rem(40, );
|
||||||
|
top: px2rem(52, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: px2rem(360, );
|
||||||
|
height: px2rem(36, );
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto px2rem(50, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.ul {
|
||||||
|
width: px2rem(690, );
|
||||||
|
height: px2rem(850, );
|
||||||
|
overflow-y: scroll;
|
||||||
|
margin: px2rem(45, ) auto 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: px2rem(34, );
|
||||||
|
// background: pink;
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: px2rem(46, );
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: px2rem(8, );
|
||||||
|
position: relative;
|
||||||
|
height: px2rem(110, );
|
||||||
|
line-height: px2rem(110, );
|
||||||
|
|
||||||
|
.txBox {
|
||||||
|
width: px2rem(140, );
|
||||||
|
height: px2rem(140, );
|
||||||
|
border-radius: px2rem(12, );
|
||||||
|
border: px2rem(1, ) solid #FFE8AA;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #007983;
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(109, );
|
||||||
|
height: px2rem(109, );
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.giftName {
|
||||||
|
width: px2rem(200, );
|
||||||
|
margin: 0 0.6rem 0 2.08rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.probability {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
float: right;
|
||||||
|
margin-right: px2rem(25, );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(670, );
|
||||||
|
background: url(../images/record_not.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
|
// display: none;
|
||||||
|
div {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
141
view/peko/modules/act-treasureSnatching/css/rule.css
Normal file
141
view/peko/modules/act-treasureSnatching/css/rule.css
Normal file
@@ -0,0 +1,141 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0.7333333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 0.7466666667rem;
|
||||||
|
height: 0.7466666667rem;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: 0.5333333333rem;
|
||||||
|
top: 0.6933333333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 4.8rem;
|
||||||
|
height: 0.48rem;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 0.6666666667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
width: 4.6666666667rem;
|
||||||
|
height: 0.3866666667rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 0 auto 0;
|
||||||
|
}
|
||||||
|
.tab div {
|
||||||
|
width: 1.6rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.tab div span {
|
||||||
|
width: 1.6rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: -0.16rem;
|
||||||
|
height: 0.1066666667rem;
|
||||||
|
border-radius: 0.1066666667rem;
|
||||||
|
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tab .active {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
}
|
||||||
|
.tab .active span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab1 {
|
||||||
|
width: 9.2rem;
|
||||||
|
height: 10.2666666667rem;
|
||||||
|
overflow-y: scroll;
|
||||||
|
margin: 0.6rem auto 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0.4533333333rem;
|
||||||
|
}
|
||||||
|
.tab1::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.tab1 li {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 0.6133333333rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: 0.1066666667rem;
|
||||||
|
position: relative;
|
||||||
|
height: 1.4666666667rem;
|
||||||
|
line-height: 1.4666666667rem;
|
||||||
|
}
|
||||||
|
.tab1 li .txBox {
|
||||||
|
width: 1.8666666667rem;
|
||||||
|
height: 1.8666666667rem;
|
||||||
|
border-radius: 0.16rem;
|
||||||
|
border: 0.0133333333rem solid #FFE8AA;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #007983;
|
||||||
|
}
|
||||||
|
.tab1 li .txBox img {
|
||||||
|
position: absolute;
|
||||||
|
width: 1.4533333333rem;
|
||||||
|
height: 1.4533333333rem;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
.tab1 li .giftName {
|
||||||
|
width: 2.6666666667rem;
|
||||||
|
margin: 0 0.2666666667rem 0 2.08rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tab1 li .icon {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 0.5866666667rem;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
margin-right: 0.1733333333rem;
|
||||||
|
}
|
||||||
|
.tab1 li .score {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tab1 li .probability {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: 0.3466666667rem;
|
||||||
|
float: right;
|
||||||
|
margin-right: 0.32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab2 {
|
||||||
|
width: 9.2rem;
|
||||||
|
height: 10.6666666667rem;
|
||||||
|
margin: 0.4666666667rem auto 0;
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: 0.2133333333rem;
|
||||||
|
overflow: hidden;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tab2 img {
|
||||||
|
width: 8.32rem;
|
||||||
|
height: 10.3866666667rem;
|
||||||
|
margin: 0.32rem auto 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=rule.css.map */
|
||||||
160
view/peko/modules/act-treasureSnatching/css/rule.scss
Normal file
160
view/peko/modules/act-treasureSnatching/css/rule.scss
Normal file
@@ -0,0 +1,160 @@
|
|||||||
|
@function px2rem($px, $rem:75) {
|
||||||
|
@return $px / $rem+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
// overflow-y: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: px2rem(55, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: px2rem(56, );
|
||||||
|
height: px2rem(56, );
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
left: px2rem(40, );
|
||||||
|
top: px2rem(52, );
|
||||||
|
}
|
||||||
|
|
||||||
|
// 活动规则
|
||||||
|
.title {
|
||||||
|
width: px2rem(360, );
|
||||||
|
height: px2rem(36, );
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto px2rem(50, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
width: px2rem(350, );
|
||||||
|
height: px2rem(29, );
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 0 auto 0;
|
||||||
|
|
||||||
|
div {
|
||||||
|
width: px2rem(120, );
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30, );
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
span {
|
||||||
|
width: px2rem(120, );
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: px2rem(-12, );
|
||||||
|
height: px2rem(8, );
|
||||||
|
border-radius: px2rem(8, );
|
||||||
|
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: px2rem(30, );
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab1 {
|
||||||
|
width: px2rem(690, );
|
||||||
|
height: px2rem(770, );
|
||||||
|
overflow-y: scroll;
|
||||||
|
margin: px2rem(45, ) auto 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: px2rem(34, );
|
||||||
|
// background: pink;
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: px2rem(46, );
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: px2rem(8, );
|
||||||
|
position: relative;
|
||||||
|
height: px2rem(110, );
|
||||||
|
line-height: px2rem(110, );
|
||||||
|
|
||||||
|
.txBox {
|
||||||
|
width: px2rem(140, );
|
||||||
|
height: px2rem(140, );
|
||||||
|
border-radius: px2rem(12, );
|
||||||
|
border: px2rem(1, ) solid #FFE8AA;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #007983;
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(109, );
|
||||||
|
height: px2rem(109, );
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.giftName {
|
||||||
|
width: px2rem(200, );
|
||||||
|
margin: 0 px2rem(20, ) 0 px2rem(156, );
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: px2rem(44, );
|
||||||
|
height: px2rem(44, );
|
||||||
|
// background: #BFFF87;
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
margin-right: px2rem(13, );
|
||||||
|
}
|
||||||
|
|
||||||
|
.score {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.probability {
|
||||||
|
color: #FFE8AA;
|
||||||
|
font-size: px2rem(26, );
|
||||||
|
float: right;
|
||||||
|
margin-right: px2rem(24, );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab2 {
|
||||||
|
width: px2rem(690, );
|
||||||
|
height: px2rem(800, );
|
||||||
|
margin: px2rem(35, ) auto 0;
|
||||||
|
background: #00A69D;
|
||||||
|
border-radius: px2rem(16, );
|
||||||
|
overflow: hidden;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(624, );
|
||||||
|
height: px2rem(779, );
|
||||||
|
margin: px2rem(24, ) auto 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
view/peko/modules/act-treasureSnatching/images/No.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/No.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/add.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/back.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/bg.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 785 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/buy.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/buy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/close.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/dbq.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/dbq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/index_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/index_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/list_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/list_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/myBg.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/myBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/prop.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/prop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/pub.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/pub.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/record_not.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/record_not.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 271 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/record_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/record_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/rule_rule.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/rule_rule.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/rule_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/rule_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/subtraction.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/subtraction.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/zs.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/zs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
75
view/peko/modules/act-treasureSnatching/index.html
Normal file
75
view/peko/modules/act-treasureSnatching/index.html
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>夺宝达人</title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 返回 -->
|
||||||
|
<img src="./images/back.png" alt="" class="back">
|
||||||
|
<!-- 标题 -->
|
||||||
|
<img src="./images/index_title.png" alt="" class="title">
|
||||||
|
<!-- 自己 -->
|
||||||
|
<div class="my">
|
||||||
|
<img src="" alt="" class="tx">
|
||||||
|
<div class="name">用户昵称用户昵称</div>
|
||||||
|
<div class="but">充值</div>
|
||||||
|
<div class="num2">100000</div>
|
||||||
|
<img src="./images/zs.png" alt="" class="icon2">
|
||||||
|
<div class="num1">10000</div>
|
||||||
|
<img src="./images/dbq.png" alt="" class="icon1">
|
||||||
|
</div>
|
||||||
|
<!-- 内容 -->
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div class="title">赠送夺宝券1张</div>
|
||||||
|
<img src="" alt="" class="giftImg">
|
||||||
|
<div class="name">我的可爱头饰(1天)</div>
|
||||||
|
<div class="zs">
|
||||||
|
<img src="./images/zs.png" alt="" class="icon">
|
||||||
|
<b>10</b>
|
||||||
|
</div>
|
||||||
|
<div class="but" packId='1' day=1 diamonds=10 name='圣光迪迦'>购买</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- 购买弹窗 -->
|
||||||
|
<div class="buy">
|
||||||
|
<div class="buy_in">
|
||||||
|
<div class="title">购买我是四个头饰</div>
|
||||||
|
<div class="num">
|
||||||
|
<b>数量:</b>
|
||||||
|
<div class="box">
|
||||||
|
<input type="number" value="1" name='content' maxlength="4" oninput = "value=value.replace(/[^\d]/g,'')">
|
||||||
|
<div class="subtraction"></div>
|
||||||
|
<div class="add"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="day">
|
||||||
|
<b>天数:</b> <span>10</span><i>天</i>
|
||||||
|
</div>
|
||||||
|
<div class="zs">
|
||||||
|
<b>金额:</b> <span>10</span><i>钻石</i>
|
||||||
|
</div>
|
||||||
|
<div class="close">取消</div>
|
||||||
|
<div class="ok">购买</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="../../common/js/swiper.min.js"></script>
|
||||||
|
<script src="./js/index.js"></script>
|
||||||
221
view/peko/modules/act-treasureSnatching/js/index.js
Normal file
221
view/peko/modules/act-treasureSnatching/js/index.js
Normal file
@@ -0,0 +1,221 @@
|
|||||||
|
// 封装layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
const showLoading = (content = '加载中...') => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success (e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = '操作完成', time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let urlPrefix = getUrlPrefix();
|
||||||
|
let browser = checkVersion();
|
||||||
|
var diamondsAll = 0;
|
||||||
|
var packIds;
|
||||||
|
let env = EnvCheck();
|
||||||
|
if (env == 'test') {
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
// 初始化函数
|
||||||
|
$(function () {
|
||||||
|
getInfoFromClient()
|
||||||
|
setTimeout(function () {
|
||||||
|
// 返回事件
|
||||||
|
$('.back').click(() => {
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.closeWebView();
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
toastMsg('请在APP内打开')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
getList();
|
||||||
|
getUserInfo();
|
||||||
|
}, 100)
|
||||||
|
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||||
|
})
|
||||||
|
// 用户信息接口
|
||||||
|
function getUserInfo () {
|
||||||
|
// showLoading()
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/act/seize-treasure/user/info',
|
||||||
|
success (res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
$('.my .num2').text(unitProcessing(res.data.diamonds, 100000, 1, 'w'));
|
||||||
|
$('.my .num1').text(res.data.drawTicketNum);
|
||||||
|
$('.my .name').text(res.data.nick);
|
||||||
|
$('.my .tx').attr('src', res.data.avatar);
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg('网络错误，请退出重进')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 礼物列表接口
|
||||||
|
function getList () {
|
||||||
|
$('ul li').remove();
|
||||||
|
showLoading()
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/act/seize-treasure/pack/list',
|
||||||
|
success (res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
var str = '';
|
||||||
|
res.data.forEach(res => {
|
||||||
|
str += `
|
||||||
|
<li>
|
||||||
|
<div class="title">赠送夺宝券${res.ticketNum}张</div>
|
||||||
|
<img src="${res.imgUrl}" alt="" class="giftImg">
|
||||||
|
<div class="name">${res.name}(1天)</div>
|
||||||
|
<div class="zs">
|
||||||
|
<img src="./images/zs.png" alt="" class="icon">
|
||||||
|
<b>${res.sellingPrice}</b>
|
||||||
|
</div>
|
||||||
|
<div class="but" packId='${res.id}' day=1 diamonds=${res.sellingPrice} name='${res.name}'>购买</div>
|
||||||
|
</li>
|
||||||
|
`
|
||||||
|
});
|
||||||
|
$('ul').append(str);
|
||||||
|
// 购买头饰按钮
|
||||||
|
$('ul li .but').bind('on click', function () {
|
||||||
|
var diamonds = Number($(this).attr('diamonds'));
|
||||||
|
var day = Number($(this).attr('day'));
|
||||||
|
var name = $(this).attr('name');
|
||||||
|
packIds = $(this).attr('packId');
|
||||||
|
$('.buy .buy_in .day span').text(day);
|
||||||
|
$('.buy .buy_in .zs span').text(diamonds);
|
||||||
|
$('.buy .buy_in .title').text(`购买${name}`);
|
||||||
|
$(".buy .buy_in .num .box input").val(1);
|
||||||
|
diamondsAll = diamonds;
|
||||||
|
$('.buy').show();
|
||||||
|
})
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg('网络错误，请退出重进')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
setInterval(function () {
|
||||||
|
getUserInfo();
|
||||||
|
}, 1000)
|
||||||
|
// 购买接口
|
||||||
|
function buy (packId, packNum) {
|
||||||
|
showLoading()
|
||||||
|
networkRequest({
|
||||||
|
type: 'POST',
|
||||||
|
url: urlPrefix + '/activity/pack/buy',
|
||||||
|
data: { packId, packNum, uid: pubInfo.uid },
|
||||||
|
success (res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
diamondsAll = 0;
|
||||||
|
$('.buy').hide();
|
||||||
|
getUserInfo();
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg('购买成功')
|
||||||
|
} else {
|
||||||
|
diamondsAll = 0;
|
||||||
|
$('.buy').hide();
|
||||||
|
toastMsg(res.message)
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
diamondsAll = 0;
|
||||||
|
$('.buy').hide();
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg('网络错误，请退出重进')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 充值按钮
|
||||||
|
$('.my .but').click(function () {
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.openHalfRecharge();
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.openHalfRecharge.postMessage(null);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
toastMsg('请在app内打开')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// 取消购买
|
||||||
|
$('.buy .buy_in .close').click(function () {
|
||||||
|
diamondsAll = 0;
|
||||||
|
$('.buy').hide();
|
||||||
|
})
|
||||||
|
// 确认购买按钮
|
||||||
|
$('.buy .buy_in .ok').click(function () {
|
||||||
|
var num = Number($('.buy .buy_in .num .box input').val());
|
||||||
|
buy(packIds, num);
|
||||||
|
})
|
||||||
|
// 减少天数
|
||||||
|
$('.buy .buy_in .num .box .subtraction').click(function () {
|
||||||
|
var val = Number($(".buy .buy_in .num .box input").val());
|
||||||
|
val--;
|
||||||
|
if (val < 1) {
|
||||||
|
toastMsg('购买不能小于1');
|
||||||
|
val = 1;
|
||||||
|
}
|
||||||
|
$('.buy .buy_in .day span').text(val);
|
||||||
|
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||||
|
$(".buy .buy_in .num .box input").val(val);
|
||||||
|
})
|
||||||
|
// 增加天数
|
||||||
|
$('.buy .buy_in .num .box .add').click(function () {
|
||||||
|
var val = Number($(".buy .buy_in .num .box input").val());
|
||||||
|
val++;
|
||||||
|
if (val > 200) {
|
||||||
|
toastMsg('购买最大200');
|
||||||
|
val = 200;
|
||||||
|
}
|
||||||
|
$('.buy .buy_in .day span').text(val);
|
||||||
|
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||||
|
$(".buy .buy_in .num .box input").val(val);
|
||||||
|
})
|
||||||
|
// 监听input
|
||||||
|
$("input[name='content']").bind('input propertychange', function () {
|
||||||
|
var val = Number($(this).val());
|
||||||
|
if (val > 200) {
|
||||||
|
$(this).val(200);
|
||||||
|
val = 200;
|
||||||
|
toastMsg('购买最大200');
|
||||||
|
} else if (val < 1) {
|
||||||
|
$(this).val(1);
|
||||||
|
val = 1;
|
||||||
|
toastMsg('购买不能小于1');
|
||||||
|
} else {
|
||||||
|
$(this).val(val);
|
||||||
|
val = val;
|
||||||
|
}
|
||||||
|
$('.buy .buy_in .day span').text(val);
|
||||||
|
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||||
|
});
|
||||||
95
view/peko/modules/act-treasureSnatching/js/list.js
Normal file
95
view/peko/modules/act-treasureSnatching/js/list.js
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
// 封装layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
const showLoading = (content = '加载中...') => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success (e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = '操作完成', time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let urlPrefix = getUrlPrefix();
|
||||||
|
let browser = checkVersion()
|
||||||
|
let env = EnvCheck();
|
||||||
|
if (env == 'test') {
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
var timestamp = dateFormat(new Date().getTime(), 'yyyy-MM-dd');
|
||||||
|
var timestampOut = dateFormat(new Date().getTime() - (24 * 60 * 60 * 1000), 'yyyy-MM-dd');
|
||||||
|
// 初始化函数
|
||||||
|
$(function () {
|
||||||
|
getInfoFromClient()
|
||||||
|
setTimeout(function () {
|
||||||
|
// 返回事件
|
||||||
|
$('.back').click(() => {
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.closeWebView();
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
toastMsg('请在APP内打开')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
getRankValue(timestamp);
|
||||||
|
}, 100)
|
||||||
|
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||||
|
})
|
||||||
|
// 榜单接口
|
||||||
|
function getRankValue (rankDateStr) {
|
||||||
|
showLoading()
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/act/seize-treasure/rank/value',
|
||||||
|
data: { showOrder: 50, rankNum: 50, rankDateStr },
|
||||||
|
success (res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
var str = '';
|
||||||
|
res.data.rankList.forEach((res, i) => {
|
||||||
|
str += `
|
||||||
|
<li class="${i <= 2 ? 'active' : ''}">
|
||||||
|
<div class="num">${res.order}</div>
|
||||||
|
<img src="${res.avatar}" alt="" class="tx">
|
||||||
|
<div class="name">${res.nick}</div>
|
||||||
|
<div class="score">${res.score}</div>
|
||||||
|
<img src="./images/zs.png" alt="" class="icon">
|
||||||
|
</li>
|
||||||
|
`
|
||||||
|
});
|
||||||
|
$('ul').append(str);
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg('网络错误，请退出重进')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// tab切换
|
||||||
|
$('.tab div').click(function () {
|
||||||
|
var i = $(this).index() + 1;
|
||||||
|
$(this).addClass('active').siblings().removeClass('active');
|
||||||
|
$('ul li').remove();
|
||||||
|
if (i == 1) {
|
||||||
|
getRankValue(timestamp)
|
||||||
|
} else {
|
||||||
|
getRankValue(timestampOut)
|
||||||
|
}
|
||||||
|
})
|
||||||
134
view/peko/modules/act-treasureSnatching/js/record.js
Normal file
134
view/peko/modules/act-treasureSnatching/js/record.js
Normal file
@@ -0,0 +1,134 @@
|
|||||||
|
// 封装layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
const showLoading = (content = '加载中...') => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success (e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = '操作完成', time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let urlPrefix = getUrlPrefix();
|
||||||
|
let browser = checkVersion()
|
||||||
|
let env = EnvCheck();
|
||||||
|
var page = 1;
|
||||||
|
var page1Locak1 = true;
|
||||||
|
if (env == 'test') {
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
// 初始化函数
|
||||||
|
$(function () {
|
||||||
|
getInfoFromClient()
|
||||||
|
setTimeout(function () {
|
||||||
|
// 返回事件
|
||||||
|
$('.back').click(() => {
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.closeWebView();
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
toastMsg('请在APP内打开')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
getDrawReward(page);
|
||||||
|
}, 100)
|
||||||
|
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||||
|
})
|
||||||
|
// 获取夺宝记录接口
|
||||||
|
function getDrawReward (page) {
|
||||||
|
showLoading()
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/act/seize-treasure/draw/record',
|
||||||
|
data: { uid: pubInfo.uid, pageSize: 10, page },
|
||||||
|
success (res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
var str = '';
|
||||||
|
if (page == 1 && res.data.length == 0) {
|
||||||
|
str = `<li class="active"></li>`;
|
||||||
|
} else {
|
||||||
|
res.data.forEach((res, i) => {
|
||||||
|
str += `
|
||||||
|
<li>
|
||||||
|
<div class="txBox">
|
||||||
|
<img class="txBoxImg${i + 1}" src="${res.rewardPicUrl}" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="giftName">${res.rewardName}</div>
|
||||||
|
<div class="score">${dateFormat(res.drawTime, 'yyyy.MM.dd')}</div>
|
||||||
|
<div class="probability">${dateFormat(res.drawTime, 'hh:mm:ss')}</div>
|
||||||
|
</li>
|
||||||
|
`;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$('.ul').append(str);
|
||||||
|
res.data.forEach((res, i) => {
|
||||||
|
if (res.rewardType == "activityProps") {
|
||||||
|
//活动道具
|
||||||
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "gift") {
|
||||||
|
//礼物
|
||||||
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "namePlate") {
|
||||||
|
//铭牌
|
||||||
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.6rem", "height": "0.5rem", "top": "1rem" });
|
||||||
|
} else if (res.rewardType == "car") {
|
||||||
|
//座驾
|
||||||
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.8rem", "height": "1.3rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "headwear") {
|
||||||
|
//头饰
|
||||||
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "chatBubble") {
|
||||||
|
//气泡
|
||||||
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "infoCard") {
|
||||||
|
//资料卡
|
||||||
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4rem", "height": "1rem", "top": "1.1rem" });
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (res.data.length == 0) {
|
||||||
|
page1Locak1 = false;
|
||||||
|
} else {
|
||||||
|
page1Locak1 = true;
|
||||||
|
}
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
} else {
|
||||||
|
page1Locak1 = true;
|
||||||
|
toastMsg(res.message)
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
page1Locak1 = true;
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg('网络错误，请退出重进')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//检测是否到达底部
|
||||||
|
$(".ul").scroll(function () {
|
||||||
|
var divHeight = $(this).height();
|
||||||
|
var nScrollHeight = $(this)[0].scrollHeight;
|
||||||
|
var nScrollTop = $(this)[0].scrollTop;
|
||||||
|
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
|
||||||
|
if (page1Locak1) {
|
||||||
|
page++;
|
||||||
|
console.log("到达底部了");
|
||||||
|
page1Locak1 = false;
|
||||||
|
getDrawReward(page)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
122
view/peko/modules/act-treasureSnatching/js/rule.js
Normal file
122
view/peko/modules/act-treasureSnatching/js/rule.js
Normal file
@@ -0,0 +1,122 @@
|
|||||||
|
// 封装layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
const showLoading = (content = '加载中...') => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success (e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = '操作完成', time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let urlPrefix = getUrlPrefix();
|
||||||
|
let browser = checkVersion()
|
||||||
|
let env = EnvCheck();
|
||||||
|
if (env == 'test') {
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
// 初始化函数
|
||||||
|
$(function () {
|
||||||
|
getInfoFromClient()
|
||||||
|
setTimeout(function () {
|
||||||
|
// 返回事件
|
||||||
|
$('.back').click(() => {
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.closeWebView();
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
toastMsg('请在APP内打开')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
getPoolList();
|
||||||
|
}, 100)
|
||||||
|
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||||
|
})
|
||||||
|
// 奖池列表接口
|
||||||
|
function getPoolList () {
|
||||||
|
$('.tab1 li').remove();
|
||||||
|
showLoading()
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/act/seize-treasure/draw/pool/list',//item
|
||||||
|
data: { orderType: 2 },
|
||||||
|
success (res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
var str = '';
|
||||||
|
res.data.forEach((res, i) => {
|
||||||
|
str += `
|
||||||
|
<li style="display: ${res.rewardShowValue <= 0 ? 'none' : 'block'}">
|
||||||
|
<div class="txBox">
|
||||||
|
<img class='txBoxImg${i + 1}' src="${res.rewardPicUrl}" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="giftName">${res.rewardName}</div>
|
||||||
|
<img src="./images/zs.png" alt="" class="icon">
|
||||||
|
<div class="score">${res.rewardShowValue}</div>
|
||||||
|
<div class="probability">${res.showRatio / 1000}%</div>
|
||||||
|
</li>
|
||||||
|
`
|
||||||
|
|
||||||
|
});
|
||||||
|
$('.tab1').append(str);
|
||||||
|
res.data.forEach((res, i) => {
|
||||||
|
if (res.rewardType == "activityProps") {
|
||||||
|
//活动道具
|
||||||
|
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "gift") {
|
||||||
|
//礼物
|
||||||
|
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "namePlate") {
|
||||||
|
//铭牌
|
||||||
|
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.6rem", "height": "0.5rem", "top": "1rem" });
|
||||||
|
} else if (res.rewardType == "car") {
|
||||||
|
//座驾
|
||||||
|
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.8rem", "height": "1.3rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "headwear") {
|
||||||
|
//头饰
|
||||||
|
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "chatBubble") {
|
||||||
|
//气泡
|
||||||
|
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||||
|
} else if (res.rewardType == "infoCard") {
|
||||||
|
//资料卡
|
||||||
|
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4rem", "height": "1rem", "top": "1.1rem" });
|
||||||
|
}
|
||||||
|
})
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg('网络错误，请退出重进')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// =======================规则页=======================
|
||||||
|
$('.tab div').click(function () {
|
||||||
|
var i = $(this).index() + 1;
|
||||||
|
$(this).addClass('active').siblings().removeClass('active');
|
||||||
|
if (i == 1) {
|
||||||
|
$('.tab1').show();
|
||||||
|
$('.tab2').hide();
|
||||||
|
} else {
|
||||||
|
$('.tab2').show();
|
||||||
|
$('.tab1').hide();
|
||||||
|
}
|
||||||
|
})
|
||||||
54
view/peko/modules/act-treasureSnatching/list.html
Normal file
54
view/peko/modules/act-treasureSnatching/list.html
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>夺宝达人</title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/list.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 返回 -->
|
||||||
|
<img src="./images/back.png" alt="" class="back">
|
||||||
|
<!-- 标题 -->
|
||||||
|
<img src="./images/list_title.png" alt="" class="title">
|
||||||
|
<!-- tab -->
|
||||||
|
<div class="tab">
|
||||||
|
<div class="active">今日夺宝达人<span></span></div>
|
||||||
|
<div>昨日夺宝达人<span></span></div>
|
||||||
|
</div>
|
||||||
|
<!-- 小标题 -->
|
||||||
|
<p>根据参与夺宝精灵获得奖品总价值进行排名</p>
|
||||||
|
<!-- 榜单列表 -->
|
||||||
|
<ul>
|
||||||
|
<!-- <li class="active">
|
||||||
|
<div class="num">1</div>
|
||||||
|
<img src="" alt="" class="tx">
|
||||||
|
<div class="name">用户昵称呀呀呀呀</div>
|
||||||
|
<img src="" alt="" class="icon">
|
||||||
|
<div class="score">215.2W</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="num">4</div>
|
||||||
|
<img src="" alt="" class="tx">
|
||||||
|
<div class="name">用户昵称呀呀呀呀</div>
|
||||||
|
<img src="" alt="" class="icon">
|
||||||
|
<div class="score">215.2W</div>
|
||||||
|
</li> -->
|
||||||
|
</ul>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="../../common/js/swiper.min.js"></script>
|
||||||
|
<script src="./js/list.js"></script>
|
||||||
42
view/peko/modules/act-treasureSnatching/record.html
Normal file
42
view/peko/modules/act-treasureSnatching/record.html
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>获奖记录</title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/record.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 返回 -->
|
||||||
|
<img src="./images/back.png" alt="" class="back">
|
||||||
|
<!-- 标题 -->
|
||||||
|
<img src="./images/record_title.png" alt="" class="title">
|
||||||
|
<!-- 内容 -->
|
||||||
|
<ul class="ul">
|
||||||
|
<!-- <li class="active"></li> -->
|
||||||
|
<!-- <li>
|
||||||
|
<div class="txBox">
|
||||||
|
<img src="" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="giftName">我又我又我又啊</div>
|
||||||
|
<div class="score">2023.01.03</div>
|
||||||
|
<div class="probability">12:36:59</div>
|
||||||
|
</li> -->
|
||||||
|
</ul>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="../../common/js/swiper.min.js"></script>
|
||||||
|
<script src="./js/record.js"></script>
|
||||||
50
view/peko/modules/act-treasureSnatching/rule.html
Normal file
50
view/peko/modules/act-treasureSnatching/rule.html
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>玩法规则</title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/rule.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 返回 -->
|
||||||
|
<img src="./images/back.png" alt="" class="back">
|
||||||
|
<!-- 标题 -->
|
||||||
|
<img src="./images/rule_title.png" alt="" class="title">
|
||||||
|
<!-- tab切换 -->
|
||||||
|
<div class="tab">
|
||||||
|
<div class="active">玩法概率<span></span></div>
|
||||||
|
<div>玩法规则<span></span></div>
|
||||||
|
</div>
|
||||||
|
<!-- 内容 -->
|
||||||
|
<ul class="tab1">
|
||||||
|
<li>
|
||||||
|
<div class="txBox">
|
||||||
|
<img src="" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="giftName">我又我又我又啊</div>
|
||||||
|
<img src="" alt="" class="icon">
|
||||||
|
<div class="score">202.5W</div>
|
||||||
|
<div class="probability">0%</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab2">
|
||||||
|
<img src="./images/rule_rule.png" alt="">
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
|
<script src="../../common/js/swiper.min.js"></script>
|
||||||
|
<script src="./js/rule.js"></script>
|
||||||
@@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.12cc56eedab054a8f9ca049e8cc508db.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.73ba128795dda6b5ae01.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.861748a1f83bae0fde49.js></script></body></html>
|
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.4c6ca282a9af756f2c68facbfd557c2f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.57304063b8c553a642f5.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.861748a1f83bae0fde49.js></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
|||||||
|
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var a,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(r,c,f);s.length;)s.shift()();if(f)for(d=0;d<f.length;d++)u=o(o.s=f[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,o.nc&&f.setAttribute("nonce",o.nc),f.src=o.p+"static/js/"+e+"."+{0:"ffe9e684b35b5e6eef2f",1:"531cbf904bcc3493870e",2:"35b21c0ce9f58c2c0810",3:"44d854121d9073f4c390",4:"59c8399860fe4c31bfad",5:"a24378393cca9e37e255",6:"3655d80f5f2b212e3b9f",7:"74b4774fa9af85fa0de2",8:"d9f33ba9220054db9973",9:"13c87d6f964112c86413",10:"e221f303b5cd6ea692bf",11:"d272cf261efb570c4c27",12:"abcd45ba53d9774263d2"}[e]+".js";var a=setTimeout(i,12e4);function i(){f.onerror=f.onload=null,clearTimeout(a);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=i,c.appendChild(f),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||||
|
//# sourceMappingURL=manifest.57304063b8c553a642f5.js.map
|
||||||
@@ -78,6 +78,7 @@
|
|||||||
<p v-else-if="tab === 12 && item1.objType === 32">赠送座驾支出</p>
|
<p v-else-if="tab === 12 && item1.objType === 32">赠送座驾支出</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 87">星级厨房抽奖</p>
|
<p v-else-if="tab === 12 && item1.objType === 87">星级厨房抽奖</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 95">新年煙花抽獎</p>
|
<p v-else-if="tab === 12 && item1.objType === 95">新年煙花抽獎</p>
|
||||||
|
<p v-else-if="tab === 12 && item1.objType === 98">奪寶精靈禮包購買支出</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 90">转赠鉆石给 {{item1.targetNick}} {{item1.sendDiamondAmount}}鉆</p>
|
<p v-else-if="tab === 12 && item1.objType === 90">转赠鉆石给 {{item1.targetNick}} {{item1.sendDiamondAmount}}鉆</p>
|
||||||
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
||||||
<p
|
<p
|
||||||
|
|||||||
Reference in New Issue
Block a user