Compare commits
8 Commits
peko
...
customerSe
| Author | SHA1 | Date | |
|---|---|---|---|
|
5211698d8a | ||
|
|
db3448187d | ||
|
|
ad741f6f30 | ||
|
|
b5a7e051e3 | ||
|
|
8e56c229ec | ||
|
|
aa0bc47671 | ||
|
|
ec6ec70293 | ||
|
|
b8f138b445 |
File diff suppressed because it is too large
Load Diff
@@ -2,7 +2,7 @@
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf');
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
|
||||
@@ -10,7 +10,7 @@
|
||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
||||
}
|
||||
|
||||
@font-face{
|
||||
@font-face {
|
||||
font-family: 'din-medium';
|
||||
src: url('../../../common/fonts/DINCond-Medium.ttf');
|
||||
src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
|
||||
@@ -18,23 +18,27 @@
|
||||
url('../../../common/fonts/DINCond-Medium.ttf') format('svg');
|
||||
}
|
||||
|
||||
html, body{
|
||||
html,
|
||||
body {
|
||||
font-family: 'din-medium';
|
||||
background: #C8864C;
|
||||
// 海浪svga过长
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.wrap{
|
||||
.wrap {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
// background: url('../images/index-bg.png') no-repeat center/cover;
|
||||
position: relative;
|
||||
.banner{
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.rule, .record{
|
||||
|
||||
.rule,
|
||||
.record {
|
||||
position: fixed;
|
||||
top: px2rem(160);
|
||||
// bottom: px2rem(1100);
|
||||
@@ -42,16 +46,18 @@ html, body{
|
||||
z-index: 99;
|
||||
width: px2rem(118);
|
||||
height: px2rem(40);
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.record{
|
||||
|
||||
.record {
|
||||
top: px2rem(214);
|
||||
// bottom: px2rem(1040);
|
||||
}
|
||||
|
||||
.previous-result{
|
||||
.previous-result {
|
||||
position: absolute;
|
||||
// bottom: px2rem(200);
|
||||
top: px2rem(1120);
|
||||
@@ -67,34 +73,38 @@ html, body{
|
||||
align-items: center;
|
||||
background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
|
||||
z-index: 9;
|
||||
span{
|
||||
|
||||
span {
|
||||
font-weight: bold;
|
||||
margin-left: px2rem(27);
|
||||
text-shadow: 1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321;
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321;
|
||||
}
|
||||
.result-list{
|
||||
|
||||
.result-list {
|
||||
display: flex;
|
||||
p{
|
||||
|
||||
p {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
margin-left: px2rem(8);
|
||||
background: url('../images/little-bubble.png') 0 0/100% 100%;
|
||||
|
||||
// &:last-child{
|
||||
// background: url('../images/last-little-bubble.png') 0 0/100% 100%,url('../images/little-bubble.png') 0 0/100% 100%;
|
||||
// }
|
||||
img{
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mall{
|
||||
|
||||
.mall {
|
||||
position: absolute;
|
||||
top: px2rem(184);
|
||||
// bottom: px2rem(1020);
|
||||
@@ -102,21 +112,26 @@ html, body{
|
||||
z-index: 99;
|
||||
width: px2rem(142);
|
||||
height: px2rem(134);
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.game-area{
|
||||
|
||||
.game-area {
|
||||
position: absolute;
|
||||
top: px2rem(274);
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: px2rem(1054);
|
||||
background: url('../images/game-area.png') no-repeat 0 0/100% 100%;
|
||||
|
||||
// 等待倒计时30s
|
||||
.select-time{
|
||||
.select-time {
|
||||
display: none;
|
||||
.count-down, .current-tip{
|
||||
|
||||
.count-down,
|
||||
.current-tip {
|
||||
font-family: 'pingfang-bold';
|
||||
position: absolute;
|
||||
top: px2rem(-40);
|
||||
@@ -125,13 +140,14 @@ html, body{
|
||||
width: px2rem(322);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100% ;
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
color: #B82F1A;
|
||||
}
|
||||
.current-tip{
|
||||
|
||||
.current-tip {
|
||||
top: px2rem(50);
|
||||
width: px2rem(368);
|
||||
height: px2rem(68);
|
||||
@@ -140,13 +156,15 @@ html, body{
|
||||
font-size: px2rem(22);
|
||||
color: #F0C799;
|
||||
}
|
||||
|
||||
// 海鲜列表
|
||||
ul{
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
padding-left: px2rem(47);
|
||||
li{
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: px2rem(138);
|
||||
@@ -154,15 +172,18 @@ html, body{
|
||||
margin-top: px2rem(130);
|
||||
margin-right: px2rem(32);
|
||||
background: url('../images/bubble-bg.png') no-repeat 0 0/100% 100%;
|
||||
&:nth-child(-n+4){
|
||||
|
||||
&:nth-child(-n+4) {
|
||||
margin-top: px2rem(80);
|
||||
}
|
||||
img{
|
||||
|
||||
img {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
transform: translate( px2rem(8), px2rem(-26) );
|
||||
transform: translate(px2rem(8), px2rem(-26));
|
||||
}
|
||||
.multiple{
|
||||
|
||||
.multiple {
|
||||
position: absolute;
|
||||
bottom: px2rem(20);
|
||||
left: px2rem(-10);
|
||||
@@ -175,7 +196,8 @@ html, body{
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
.name{
|
||||
|
||||
.name {
|
||||
position: absolute;
|
||||
bottom: px2rem(-40);
|
||||
left: 50%;
|
||||
@@ -190,17 +212,20 @@ html, body{
|
||||
font-size: px2rem(20);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
&.general{
|
||||
|
||||
&.general {
|
||||
height: px2rem(46);
|
||||
line-height: px2rem(30);
|
||||
background: url('../images/name-general-bg.png') no-repeat 0 0/100% 100%;
|
||||
}
|
||||
.gift-price{
|
||||
|
||||
.gift-price {
|
||||
font-size: px2rem(18);
|
||||
padding-top: px2rem(4);
|
||||
}
|
||||
}
|
||||
.bubble-2s{
|
||||
|
||||
.bubble-2s {
|
||||
display: none;
|
||||
// width: px2rem(92);
|
||||
// height: px2rem(56);
|
||||
@@ -212,21 +237,25 @@ html, body{
|
||||
background: url('../images/qipao-2s.png') no-repeat 0 0/100% 100%;
|
||||
transform: rotate(343deg);
|
||||
text-indent: px2rem(16);
|
||||
p{
|
||||
|
||||
p {
|
||||
font-size: px2rem(18);
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-left: px2rem(-20);
|
||||
&.first-line{
|
||||
|
||||
&.first-line {
|
||||
padding-top: px2rem(10);
|
||||
}
|
||||
&.second-line{
|
||||
|
||||
&.second-line {
|
||||
padding-top: px2rem(4);
|
||||
}
|
||||
}
|
||||
}
|
||||
.select-num{
|
||||
|
||||
.select-num {
|
||||
// display: none;
|
||||
position: absolute;
|
||||
top: px2rem(-6);
|
||||
@@ -236,16 +265,17 @@ html, body{
|
||||
color: #fff;
|
||||
// text-shadow: 1px 1px #FF5C7F, -1px -1px #FF5C7F ;
|
||||
text-shadow: 1px 1px 0px#ff622b,
|
||||
-1px -1px 0px#ff622b,
|
||||
1px 1px 0px#ff622b,
|
||||
-1px -1px 0px#ff622b,
|
||||
1px 1px 0px#ff622b,
|
||||
-1px -1px 0px#ff622b;
|
||||
-1px -1px 0px#ff622b,
|
||||
1px 1px 0px#ff622b,
|
||||
-1px -1px 0px#ff622b,
|
||||
1px 1px 0px#ff622b,
|
||||
-1px -1px 0px#ff622b;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 碎片按钮
|
||||
.btn-wrap{
|
||||
.btn-wrap {
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
align-items: center;
|
||||
@@ -253,7 +283,8 @@ html, body{
|
||||
height: px2rem(126);
|
||||
margin: px2rem(140) auto 0;
|
||||
background: url('../images/btn-wrap-bg.png') no-repeat 0 0/100% 100%;
|
||||
div{
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: px2rem(190);
|
||||
@@ -262,42 +293,51 @@ html, body{
|
||||
line-height: px2rem(80);
|
||||
font-size: px2rem(30);
|
||||
color: #975B25;
|
||||
&.active{
|
||||
|
||||
&.active {
|
||||
background-image: url('../images/fragment-btn-active.png');
|
||||
color: #B33E17;
|
||||
}
|
||||
&:first-child{
|
||||
|
||||
&:first-child {
|
||||
margin-left: px2rem(60);
|
||||
}
|
||||
&:last-child{
|
||||
|
||||
&:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
&:nth-child(2){
|
||||
|
||||
&:nth-child(2) {
|
||||
margin: 0 px2rem(12);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 架子
|
||||
.shelf{
|
||||
.shelf {
|
||||
width: px2rem(710);
|
||||
height: px2rem(100);
|
||||
position: absolute;
|
||||
top: px2rem(440);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
&:last-child{
|
||||
|
||||
&:last-child {
|
||||
top: px2rem(720);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 等待结果5s
|
||||
.wait-time{
|
||||
.wait-time {
|
||||
display: none;
|
||||
width: px2rem(750);
|
||||
height: px2rem(600);
|
||||
margin: auto;
|
||||
position: relative;
|
||||
.count-down, .current-tip{
|
||||
|
||||
.count-down,
|
||||
.current-tip {
|
||||
font-family: 'pingfang-bold';
|
||||
position: absolute;
|
||||
top: px2rem(-40);
|
||||
@@ -312,27 +352,31 @@ html, body{
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
}
|
||||
.current-tip{
|
||||
|
||||
.current-tip {
|
||||
top: px2rem(50);
|
||||
width: px2rem(368);
|
||||
height: px2rem(68);
|
||||
line-height: px2rem(68);
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100% ;
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(22);
|
||||
color: #FFF0C799;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
// 开奖时间
|
||||
.draw-time{
|
||||
.draw-time {
|
||||
display: none;
|
||||
width: px2rem(750);
|
||||
height: px2rem(600);
|
||||
|
||||
// margin: auto;
|
||||
// margin-top: px2rem(80);
|
||||
.count-down, .current-tip{
|
||||
.count-down,
|
||||
.current-tip {
|
||||
font-family: 'pingfang-bold';
|
||||
position: absolute;
|
||||
top: px2rem(-40);
|
||||
@@ -341,28 +385,31 @@ html, body{
|
||||
width: px2rem(322);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100% ;
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(24);
|
||||
color: #B82F1A;
|
||||
font-weight: bold;
|
||||
}
|
||||
.current-tip{
|
||||
|
||||
.current-tip {
|
||||
top: px2rem(50);
|
||||
width: px2rem(368);
|
||||
height: px2rem(68);
|
||||
line-height: px2rem(68);
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100% ;
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||
font-size: px2rem(22);
|
||||
color: #F0C799;
|
||||
}
|
||||
.top-three{
|
||||
|
||||
.top-three {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(240);
|
||||
width: 100%;
|
||||
.top-three-title{
|
||||
|
||||
.top-three-title {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -371,20 +418,24 @@ html, body{
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
margin-bottom: px2rem(18);
|
||||
.line{
|
||||
|
||||
.line {
|
||||
width: px2rem(50);
|
||||
border: px2rem(1) solid white;
|
||||
}
|
||||
}
|
||||
.top-three-list{
|
||||
|
||||
.top-three-list {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: px2rem(340);
|
||||
margin: auto;
|
||||
p{
|
||||
|
||||
p {
|
||||
width: px2rem(74);
|
||||
height: px2rem(74);
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
@@ -393,7 +444,8 @@ html, body{
|
||||
}
|
||||
}
|
||||
}
|
||||
.draw-pic{
|
||||
|
||||
.draw-pic {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -401,12 +453,14 @@ html, body{
|
||||
z-index: 1;
|
||||
width: px2rem(280);
|
||||
height: px2rem(280);
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.award-info{
|
||||
|
||||
.award-info {
|
||||
position: absolute;
|
||||
top: px2rem(600);
|
||||
width: 100%;
|
||||
@@ -414,21 +468,25 @@ html, body{
|
||||
text-align: center;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
.desc{
|
||||
|
||||
.desc {
|
||||
color: #FEEF60;
|
||||
margin-bottom: px2rem(12);
|
||||
}
|
||||
.award-wrap{
|
||||
|
||||
.award-wrap {
|
||||
color: white;
|
||||
.award-total{
|
||||
|
||||
.award-total {
|
||||
color: #FEEF60;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 底部信息
|
||||
.info-bottom{
|
||||
.info-bottom {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@@ -439,9 +497,12 @@ html, body{
|
||||
display: flex;
|
||||
// justify-content: space-evenly;
|
||||
align-items: center;
|
||||
.f-wrap{
|
||||
|
||||
.f-wrap {
|
||||
margin-top: px2rem(14);
|
||||
.fragment, .award{
|
||||
|
||||
.fragment,
|
||||
.award {
|
||||
width: px2rem(250);
|
||||
height: px2rem(42);
|
||||
background-color: #BD7F38;
|
||||
@@ -454,31 +515,36 @@ html, body{
|
||||
margin-bottom: px2rem(10);
|
||||
}
|
||||
}
|
||||
.avatar{
|
||||
|
||||
.avatar {
|
||||
width: px2rem(100);
|
||||
height: px2rem(100);
|
||||
margin-left: px2rem(42);
|
||||
margin-right: px2rem(20);
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.add{
|
||||
|
||||
.add {
|
||||
width: px2rem(41);
|
||||
height: px2rem(41);
|
||||
margin-top: px2rem(-48);
|
||||
margin-left: px2rem(12);
|
||||
}
|
||||
.rank{
|
||||
|
||||
.rank {
|
||||
width: px2rem(170);
|
||||
height: px2rem(54);
|
||||
margin-left: px2rem(44);
|
||||
}
|
||||
}
|
||||
|
||||
// 规则弹窗
|
||||
.shade-mask{
|
||||
.shade-mask {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -487,7 +553,8 @@ html, body{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba($color: #000000, $alpha: 0.4);
|
||||
.shade-content{
|
||||
|
||||
.shade-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@@ -501,7 +568,8 @@ html, body{
|
||||
color: #B58147;
|
||||
font-weight: 600;
|
||||
overflow: hidden;
|
||||
main{
|
||||
|
||||
main {
|
||||
position: absolute;
|
||||
top: px2rem(60);
|
||||
width: 100%;
|
||||
@@ -509,9 +577,11 @@ html, body{
|
||||
padding: 0 px2rem(42);
|
||||
box-sizing: border-box;
|
||||
overflow: auto;
|
||||
div{
|
||||
|
||||
div {
|
||||
line-height: 1.2;
|
||||
.title{
|
||||
|
||||
.title {
|
||||
width: px2rem(252);
|
||||
height: px2rem(46);
|
||||
line-height: px2rem(46);
|
||||
@@ -519,15 +589,18 @@ html, body{
|
||||
margin: 0 auto px2rem(22);
|
||||
text-align: center;
|
||||
}
|
||||
.jietu{
|
||||
|
||||
.jietu {
|
||||
width: px2rem(490);
|
||||
height: px2rem(275);
|
||||
margin-top: px2rem(12);
|
||||
margin-bottom: px2rem(32);
|
||||
&.t2{
|
||||
|
||||
&.t2 {
|
||||
height: px2rem(299);
|
||||
}
|
||||
&.t3{
|
||||
|
||||
&.t3 {
|
||||
height: px2rem(301);
|
||||
}
|
||||
}
|
||||
@@ -535,8 +608,9 @@ html, body{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 今日排名弹窗
|
||||
.shade-mask-rank{
|
||||
.shade-mask-rank {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -545,7 +619,8 @@ html, body{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba($color: #000000, $alpha: 0.6);
|
||||
.shade-content-rank{
|
||||
|
||||
.shade-content-rank {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@@ -553,18 +628,21 @@ html, body{
|
||||
width: px2rem(660);
|
||||
height: px2rem(980);
|
||||
background: white;
|
||||
.rank-top{
|
||||
|
||||
.rank-top {
|
||||
height: px2rem(340);
|
||||
background-image: linear-gradient(#F49C35, #FFDD81);
|
||||
overflow: hidden;
|
||||
.tab-wrap{
|
||||
|
||||
.tab-wrap {
|
||||
font-family: 'pingfang-regular';
|
||||
width: px2rem(460);
|
||||
height: px2rem(70);
|
||||
background-color: rgba($color: #fff, $alpha: .3);
|
||||
border-radius: px2rem(36);
|
||||
margin: px2rem(20) auto px2rem(6);
|
||||
span{
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: px2rem(210);
|
||||
height: px2rem(60);
|
||||
@@ -573,46 +651,55 @@ html, body{
|
||||
font-size: px2rem(30);
|
||||
color: white;
|
||||
margin-top: px2rem(5);
|
||||
&:first-child{
|
||||
|
||||
&:first-child {
|
||||
margin-left: px2rem(14);
|
||||
}
|
||||
}
|
||||
.active{
|
||||
|
||||
.active {
|
||||
background-color: white;
|
||||
color: #F5A03A;
|
||||
border-radius: px2rem(30);
|
||||
}
|
||||
}
|
||||
.topthree-wrap{
|
||||
|
||||
.topthree-wrap {
|
||||
position: relative;
|
||||
.info-wrap{
|
||||
|
||||
.info-wrap {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
&:first-child{
|
||||
|
||||
&:first-child {
|
||||
width: px2rem(132);
|
||||
// height: px2rem(175);
|
||||
// margin-top: px2rem(86);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
.diamond-num{
|
||||
|
||||
.diamond-num {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.avatar{
|
||||
|
||||
.avatar {
|
||||
width: px2rem(132);
|
||||
height: px2rem(175);
|
||||
margin-bottom: px2rem(20);
|
||||
p{
|
||||
|
||||
p {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('../images/first.png') no-repeat 0 0/100% 100%;
|
||||
}
|
||||
img{
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
top: px2rem(-136);
|
||||
@@ -622,14 +709,17 @@ html, body{
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.nick, .diamond-num{
|
||||
|
||||
.nick,
|
||||
.diamond-num {
|
||||
width: px2rem(360);
|
||||
text-align: center;
|
||||
font-size: px2rem(30);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
.diamond-num{
|
||||
|
||||
.diamond-num {
|
||||
font-family: 'din-medium';
|
||||
margin: 0;
|
||||
margin-top: px2rem(-20);
|
||||
@@ -640,8 +730,8 @@ html, body{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.other-rank{
|
||||
|
||||
.other-rank {
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -649,14 +739,17 @@ html, body{
|
||||
background-color: white;
|
||||
padding: px2rem(30) px2rem(20) 0;
|
||||
box-sizing: border-box;
|
||||
li{
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: px2rem(40);
|
||||
&:last-child{
|
||||
|
||||
&:last-child {
|
||||
// margin-bottom: px2rem(140);
|
||||
}
|
||||
.index{
|
||||
|
||||
.index {
|
||||
display: inline-block;
|
||||
width: px2rem(30);
|
||||
font-size: px2rem(30);
|
||||
@@ -664,32 +757,36 @@ html, body{
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.others-info{
|
||||
|
||||
.others-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: px2rem(20);
|
||||
img{
|
||||
|
||||
img {
|
||||
width: px2rem(100);
|
||||
height: px2rem(100);
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(20);
|
||||
}
|
||||
.others-nick{
|
||||
|
||||
.others-nick {
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
.others-diamond-num{
|
||||
|
||||
.others-diamond-num {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mine{
|
||||
|
||||
.mine {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
@@ -701,29 +798,34 @@ html, body{
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.mine-rank{
|
||||
|
||||
.mine-rank {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
.mine-info{
|
||||
|
||||
.mine-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img{
|
||||
|
||||
img {
|
||||
width: px2rem(80);
|
||||
height: px2rem(80);
|
||||
border-radius: 50%;
|
||||
margin-left: px2rem(30);
|
||||
margin-right: px2rem(40);
|
||||
}
|
||||
.mine-nick{
|
||||
|
||||
.mine-nick {
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.mine-diamond-num{
|
||||
|
||||
.mine-diamond-num {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
@@ -731,8 +833,9 @@ html, body{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 碎片不足弹窗
|
||||
.shade-mask-fragmentNum{
|
||||
.shade-mask-fragmentNum {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -741,7 +844,8 @@ html, body{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba($color: #000000, $alpha: 0.6);
|
||||
.shade-content-fragmentNum{
|
||||
|
||||
.shade-content-fragmentNum {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@@ -754,30 +858,36 @@ html, body{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.fragmentNum-title{
|
||||
|
||||
.fragmentNum-title {
|
||||
font-size: px2rem(36);
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-top: px2rem(38);
|
||||
}
|
||||
img{
|
||||
|
||||
img {
|
||||
width: px2rem(120);
|
||||
width: px2rem(120);
|
||||
margin-top: px2rem(108);
|
||||
}
|
||||
p{
|
||||
|
||||
p {
|
||||
font-size: px2rem(30);
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-top: px2rem(50);
|
||||
}
|
||||
.fragmentNum-btn-wrap{
|
||||
|
||||
.fragmentNum-btn-wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: px2rem(512);
|
||||
height: px2rem(76);
|
||||
margin-top: px2rem(90);
|
||||
.cancel-btn, .confirm-btn{
|
||||
|
||||
.cancel-btn,
|
||||
.confirm-btn {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
@@ -788,7 +898,8 @@ html, body{
|
||||
background-color: #EAE5FC;
|
||||
color: #7154EE;
|
||||
}
|
||||
.confirm-btn{
|
||||
|
||||
.confirm-btn {
|
||||
background-color: #735FFE;
|
||||
color: #fff;
|
||||
}
|
||||
@@ -797,7 +908,7 @@ html, body{
|
||||
}
|
||||
}
|
||||
|
||||
.no-in-app{
|
||||
.no-in-app {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -807,3 +918,69 @@ html, body{
|
||||
z-index: 99999;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
height: px2rem(130);
|
||||
background: url('../images/mall/bottom.png') no-repeat 0 0/100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&.mb-long {
|
||||
margin-bottom: px2rem(68);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: px2rem(100);
|
||||
height: px2rem(100);
|
||||
margin-left: px2rem(42);
|
||||
margin-right: px2rem(20);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.info-wrap {
|
||||
flex: 1;
|
||||
margin-top: px2rem(14);
|
||||
|
||||
.fragment-num,
|
||||
.diamond-num {
|
||||
width: px2rem(250);
|
||||
height: px2rem(42);
|
||||
background-color: #BD7F38;
|
||||
border-radius: px2rem(20);
|
||||
line-height: px2rem(42);
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
text-indent: px2rem(10);
|
||||
margin-bottom: px2rem(10);
|
||||
}
|
||||
}
|
||||
|
||||
.add {
|
||||
width: px2rem(41);
|
||||
height: px2rem(41);
|
||||
margin-top: px2rem(-48);
|
||||
margin-right: px2rem(70);
|
||||
}
|
||||
|
||||
.recharge {
|
||||
width: px2rem(144);
|
||||
height: px2rem(62);
|
||||
margin-right: px2rem(74);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
@@ -12,7 +13,7 @@
|
||||
|
||||
<body>
|
||||
<div class="wrap no-in-app">
|
||||
<!-- <div class="wrap "> -->
|
||||
<!-- <div class="wrap "> -->
|
||||
<div class="banner"><img src="./images/banner.png" alt=""></div>
|
||||
<div class="rule"><img src="./images/rule.png" alt=""></div>
|
||||
<div class="record"><img src="./images/record.png" alt=""></div>
|
||||
@@ -21,20 +22,30 @@
|
||||
<div class="mall" style="display: none;">
|
||||
<img src="./images/mall.png" alt="">
|
||||
</div>
|
||||
<!-- 底部 -->
|
||||
<div class="bottom">
|
||||
<div class="avatar"><img src="./images/logo.png" alt=""></div>
|
||||
<div class="info-wrap">
|
||||
<div class="diamond-num" style="width: 4rem;">我的鉆石：<span>0</span></div>
|
||||
<div class="fragment-num" style="width: 4rem;">今日奖励：<span>0</span></div>
|
||||
</div>
|
||||
<!-- <div class="add"><img src="./images/add.png" alt=""></div> -->
|
||||
<div class="recharge"><img src="./images/mall/recharge.png" alt=""></div>
|
||||
</div>
|
||||
<!-- 游戏区域 -->
|
||||
<div class="game-area">
|
||||
<!-- 选择时间 -->
|
||||
<div class="select-time">
|
||||
<div class="count-down">开奖倒计时：<span class="count-down-num"></span>秒</div>
|
||||
<div class="current-tip">玩法：选择鉆石数量→选择食材</div>
|
||||
|
||||
|
||||
<div class="btn-wrap">
|
||||
<div class="active">1000</div>
|
||||
<div>10000</div>
|
||||
<div>100000</div>
|
||||
</div>
|
||||
<ul>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
|
||||
@@ -99,7 +110,7 @@
|
||||
<div class="fragment">我的碎片：<span>0</span></div>
|
||||
<div class="award">今日奖励：<span>0</span></div>
|
||||
</div>
|
||||
<div class="add" ><img src="./images/add.png" alt=""></div>
|
||||
<div class="add"><img src="./images/add.png" alt=""></div>
|
||||
<div class="rank"><img src="./images/rank.png" alt=""></div>
|
||||
</div>
|
||||
|
||||
@@ -122,7 +133,7 @@
|
||||
</div>
|
||||
<div class="qtsm">
|
||||
<p class="title">其他說明</p>
|
||||
如果以上說明未能解答您的疑問，請聯系客服，會有專人解答疑難
|
||||
如果以上說明未能解答您的疑問，請聯系客服，會有專人解答疑難
|
||||
<p>本活动与苹果公司无关</p>
|
||||
</div>
|
||||
</main>
|
||||
@@ -133,21 +144,21 @@
|
||||
<div class="shade-mask-rank">
|
||||
<div class="shade-content-rank">
|
||||
<div class="rank-top">
|
||||
|
||||
|
||||
<div class="tab-wrap">
|
||||
<span class="diamond-rank active">今日礼物榜</span>
|
||||
<span class="num-rank">今日欧皇榜</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="topthree-wrap">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="other-rank">
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="mine">
|
||||
<span class="mine-rank"></span>
|
||||
<div class="mine-info">
|
||||
@@ -179,7 +190,7 @@
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -47,6 +47,10 @@ const getUserInfo = (param) => {
|
||||
url: urlPrefix + '/act/luckySea/getUserActInfo',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
|
||||
$('.bottom .info-wrap .fragment-num span').text(res.data.todayReward);
|
||||
$('.bottom .info-wrap .diamond-num span').text(res.data.diamonds);
|
||||
$('.bottom .avatar img').attr('src', res.data.avatar);
|
||||
$('.info-bottom').find('.avatar img').attr('src', res.data.avatar)
|
||||
|
||||
if (res.data.todayReward.toString().length >= 5) {
|
||||
@@ -852,6 +856,30 @@ $(function () {
|
||||
getGameMode()
|
||||
// getNewestAct()
|
||||
// getListItem()
|
||||
$('.recharge').click(function () {
|
||||
// if (browser.app) {
|
||||
// if (browser.ios) {
|
||||
// window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4';
|
||||
// } else {
|
||||
// if (browser.android) {
|
||||
// let channel = pubInfo.deviceInfo.channel
|
||||
// console.log(channel);
|
||||
// if (channel.search('official') != -1) {
|
||||
// window.androidJsObj.openChargePage();
|
||||
// } else if (channel.search('official') != -1) {
|
||||
// window.androidJsObj.openChargePage();
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.openChargePage();
|
||||
} else if (browser.ios) {
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
}
|
||||
})
|
||||
}, 50)
|
||||
|
||||
// 監聽按鈕點擊事件
|
||||
|
||||
@@ -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.1e619c8c31b6b62f7ada9156c6fefd1f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.9cae6754183436ddd33d.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.bf94490e3e4d07823af1.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.2914fe955bdedb4283fb5a2f34fcd0da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.5bd91a88509662c1ec8e.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.bf94490e3e4d07823af1.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
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[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 a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"109500707a3b258d8753",1:"65c8a24141285f752017",2:"a2b32e8c55ba73112c78",3:"d9199c31987c1d8420ff",4:"582a918681a728eba76a",5:"6cd509e0b4aed5d8f05a",6:"83f6e0e15e71cd5ff43a",7:"c4fa50566fd7f80d2aaa",8:"bfc6ce65abb369da9af5",9:"21d60d154d470edce445",10:"8520f094936f10a3326e",11:"d7f680441a68ac544dfb",12:"521e70ac8f056af09bd9"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),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.9cae6754183436ddd33d.js.map
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[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 a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"109500707a3b258d8753",1:"65c8a24141285f752017",2:"a2b32e8c55ba73112c78",3:"d9199c31987c1d8420ff",4:"582a918681a728eba76a",5:"a3db5a13dff9b20b469b",6:"83f6e0e15e71cd5ff43a",7:"c4fa50566fd7f80d2aaa",8:"bfc6ce65abb369da9af5",9:"21d60d154d470edce445",10:"8520f094936f10a3326e",11:"d7f680441a68ac544dfb",12:"521e70ac8f056af09bd9"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),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.5bd91a88509662c1ec8e.js.map
|
||||
@@ -53,7 +53,7 @@
|
||||
peko严厉打击刷单类诈骗行为，一旦发现我平台将追究其法律责任，同时保留追究损失的权利；我们呼吁用户如有收到以兼职赚钱为名义诱骗刷单的行为，请联系客服举报！情节严重者我们将交于警方处理，如执意配合刷单行为造成的损失我们平台概不负责！
|
||||
</div>
|
||||
<div class="kefu">
|
||||
如有任何问题咨询客服LINE：tlw20220510
|
||||
如有任何问题咨询客服LINE：pekoyuyin
|
||||
</div>
|
||||
<div class="pop">
|
||||
<div class="shade"></div>
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
peko严厉打击刷单类诈骗行为，一旦发现我平台将追究其法律责任，同时保留追究损失的权利；我们呼吁用户如有收到以兼职赚钱为名义诱骗刷单的行为，请联系客服举报！情节严重者我们将交于警方处理，如执意配合刷单行为造成的损失我们平台概不负责！
|
||||
</div>
|
||||
<div class="kefu">
|
||||
如有任何问题咨询客服LINE：tlw20220510
|
||||
如有任何问题咨询客服LINE：pekoyuyin
|
||||
</div>
|
||||
<div class="pop">
|
||||
<div class="shade"></div>
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
<div class="service">
|
||||
<h1 class="title"><span class="appname"></span>客服</h1>
|
||||
<div class="num"><a href="tel:020-85698266">客服电话:020-85698266</a></div>
|
||||
<div class="num"><a href="javascript:void(0)"><span class="appName">LINE</span>号: tlw20220510</a></div>
|
||||
<div class="num"><a href="javascript:void(0)"><span class="appName">LINE</span>号: pekoyuyin</a></div>
|
||||
<div class="num"><a href="javascript:void(0)">或扫码添加微信</a></div>
|
||||
<img src="./images/code.png" alt="" style="width: 200px;">
|
||||
</div>
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
<p class="bold-title">6、绑定成功后是否支持更改/解绑</p>
|
||||
<p>为保证帐户安全，身份证信息绑定成功后在修改密码、申诉时需进行验证身份证信息，故暂不支持解绑。</p>
|
||||
|
||||
<p class="bold-title">7、若以上还未解决你的问题，请咨询</p> <p>客服<span class="appName">LINE</span>号：tlw20220510<br>或扫码添加微信</p>
|
||||
<p class="bold-title">7、若以上还未解决你的问题，请咨询</p> <p>客服<span class="appName">LINE</span>号：pekoyuyin<br>或扫码添加微信</p>
|
||||
<img src="./images/code.png" alt="" style="width: 200px">
|
||||
|
||||
</div>
|
||||
|
||||
@@ -140,7 +140,7 @@
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>七、投诉方式<br>
|
||||
客服LINE：<b>tlw20220510</b><br>
|
||||
客服LINE：<b>pekoyuyin</b><br>
|
||||
<!-- 客服微信二维码：<br>
|
||||
<img src="./images/code-community.png" alt="" style="width: 200px;"> -->
|
||||
</p>
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
<div class="service">
|
||||
<h1 class="title"><span class="appname"></span>客服</h1>
|
||||
<!-- <div class="num"><a href="tel:020-85698266">客服电话:020-85698266</a></div> -->
|
||||
<div class="num"><a href="javascript:void(0)"><span class="appName">LINE</span>号: tlw20220510</a></div>
|
||||
<div class="num"><a href="javascript:void(0)"><span class="appName">LINE</span>号: pekoyuyin</a></div>
|
||||
<!-- <div class="num"><a href="javascript:void(0)">或扫码添加微信</a></div>
|
||||
<img src="./images/code.png" alt="" style="width: 200px;"> -->
|
||||
</div>
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
<p class="bold-title">6、绑定成功后是否支持更改/解绑</p>
|
||||
<p>为保证帐户安全，身份证信息绑定成功后在修改密码、申诉时需进行验证身份证信息，故暂不支持解绑。</p>
|
||||
|
||||
<p class="bold-title">7、若以上还未解决你的问题，请咨询</p> <p>客服<span class="appName">LINE</span>号：tlw20220510<br>或扫码添加微信</p>
|
||||
<p class="bold-title">7、若以上还未解决你的问题，请咨询</p> <p>客服<span class="appName">LINE</span>号：pekoyuyin<br>或扫码添加微信</p>
|
||||
<img src="./images/code.png" alt="" style="width: 200px">
|
||||
|
||||
</div>
|
||||
|
||||
@@ -318,7 +318,7 @@
|
||||
<p>本隐私政策项下未主张的任何权利或条款，不构成对该权利或条款的放弃。</p>
|
||||
<div class="title" style="width:100%;font-weight: bold;text-align: center; margin: 10px 0; ">十二、联系我们 </div>
|
||||
<p>公司：<span class='subject'>香港栗子科技有限公司</span></p>
|
||||
<p>LINE：<b>tlw20220510</b></p>
|
||||
<p>LINE：<b>pekoyuyin</b></p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
<p class="user-name"></p>
|
||||
<p class="user-room">邀请你进入 <span></span> 的房间</p>
|
||||
<p class="user-id">房间ID <span></span> </p>
|
||||
<a href="" class="linkedme" id="bomlinkdomload"></a>
|
||||
<a href="" class="linkedme domload" id="bomlinkdomload"></a>
|
||||
</div>
|
||||
<div class="code" style="display: none;">
|
||||
<img src="./images/share_bg_whrite.png" alt="">
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
/* eslint-disable dot-notation */
|
||||
/* eslint-disable eqeqeq */
|
||||
/* eslint-disable no-undef */
|
||||
var browser = checkVersion();
|
||||
var share = {
|
||||
title: 'peko，带你进入声优的世界',
|
||||
link: window.location.href,
|
||||
@@ -30,6 +31,9 @@ $(function () {
|
||||
user.find('.user-name').html(decodeURIComponent(locateObj.share_name));
|
||||
user.find('.user-room span').html(decodeURIComponent(locateObj.room_name));
|
||||
user.find('.user-id span').html(locateObj.room_id);
|
||||
var roomNewUid = decodeURIComponent(locateObj.uid)
|
||||
console.log("roomNewUid:", roomNewUid);
|
||||
console.log("uid:", locateObj.uid);
|
||||
var share_room = {};
|
||||
|
||||
share_room["roomuid"] = locateObj.uid;
|
||||
@@ -92,39 +96,18 @@ $(function () {
|
||||
workAuthor = get_param('workAuthor')
|
||||
workAuthorId = get_param('workAuthorId')
|
||||
roomuid = get_param('uid')
|
||||
MobLink([{
|
||||
el: '#bomlinkdomload',
|
||||
path: '',
|
||||
params: { mobLinkType: 1, roomuid, uid, mobid, ROOM_UID, fromType, enterType, workAuthor, workAuthorId, type: 2 }
|
||||
|
||||
|
||||
if (browser.ios) {
|
||||
$('.domload').attr('href', `pekoApp://room?type=2&uid=${roomNewUid}`)
|
||||
} else {
|
||||
MobLink([{
|
||||
el: '#bomlinkdomload',
|
||||
path: '',
|
||||
params: { mobLinkType: 1, roomuid, uid, mobid, ROOM_UID, fromType, enterType, workAuthor, workAuthorId, type: 2 }
|
||||
}
|
||||
]);
|
||||
}
|
||||
]);
|
||||
// var url = encodeURIComponent(location.href.split('#')[0]);
|
||||
// var data = "url=" + url;
|
||||
// console.log(data);
|
||||
// $.ajax({
|
||||
// type: 'GET',
|
||||
// url: '/wx/config',
|
||||
// data: data,
|
||||
// asyc: true,
|
||||
// success: function (data) {
|
||||
// if (data.code = 200) {
|
||||
// wx.config({
|
||||
// debug: false,
|
||||
// appId: 'wx009d793f92c24eec',
|
||||
// timestamp: data.data.timestamp,
|
||||
// nonceStr: data.data.nonceStr,
|
||||
// signature: data.data.signature,
|
||||
// jsApiList: data.data.jsApiList
|
||||
// });
|
||||
// wx.error(function (res) {
|
||||
// console.log('config error,msg:' + res);
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
// error: function (res) {
|
||||
// console.log('config error,msg:' + res);
|
||||
// }
|
||||
// })
|
||||
});
|
||||
|
||||
wx.ready(function () {
|
||||
|
||||
@@ -156,6 +156,7 @@ $(function () {
|
||||
giftNameArr[index] = item.giftName;
|
||||
selectSrcArr[index] = item.headwearPic;
|
||||
selectSrc = selectSrcArr[0];
|
||||
giftName = giftNameArr[0];
|
||||
})
|
||||
console.log('giftNameArr', giftNameArr);
|
||||
} else if (res.code == 80002) {
|
||||
@@ -173,11 +174,13 @@ $(function () {
|
||||
$('.tabBox div').click(function () {
|
||||
var index = $(this).index();
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
diamondNum = Number($(this).children('span').children('b'));
|
||||
// diamondNum = Number($(this).children('span').children('b'));
|
||||
diamondNum = index == 0 ? 1000 : index == 1 ? 10000 : 100000
|
||||
selectSrc = selectSrcArr[index];
|
||||
giftName = giftNameArr[index];
|
||||
userRemainDay = remainDayArr[index];
|
||||
prodID = prodIDArr[index];
|
||||
$('.prob').html(`獲得${giftName}的概率為${currentNum * 10}%`)
|
||||
})
|
||||
const animation = () => {
|
||||
$('.select-area')
|
||||
@@ -297,14 +300,14 @@ $(function () {
|
||||
$('.go-to-recharge, .recharge-icon').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
// window.androidJsObj.openChargePage()
|
||||
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
||||
window.androidJsObj.openChargePage();
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||
}
|
||||
} else {
|
||||
toastMsg('請在app內打開')
|
||||
}
|
||||
|
||||
$('.not-enough').hide()
|
||||
})
|
||||
|
||||
|
||||
@@ -82,7 +82,9 @@
|
||||
v-else-if="tab === 12 && item1.targetNick"
|
||||
>{{ item1.srcNick }} 赠送 {{item1.targetNick}}</p>
|
||||
<!-- <p>1</p> -->
|
||||
<p v-if="tab === 1">{{item1.targetNick}}赠送{{item1.giftName}}</p>
|
||||
<p v-if="tab === 1 && item1.objType === 4">{{(item1.targetNick == item1.srcNick && item1.targetAvatar == item1.srcAvatar) ? '自己':item1.targetNick}}赠送{{item1.giftName}}礼物*{{item1.giftNum}}</p>
|
||||
<p v-else-if="tab === 1 && item1.objType === 91">{{(item1.targetNick == item1.srcNick && item1.targetAvatar == item1.srcAvatar) ? '自己':item1.targetNick}}赠送{{item1.giftName}}礼物*{{item1.giftNum}}</p>
|
||||
<p v-else-if="tab === 1 && item1.objType === 6">{{(item1.targetNick == item1.srcNick && item1.targetAvatar == item1.srcAvatar) ? '自己':item1.targetNick}}赠送{{item1.giftName}}礼物*{{item1.giftNum}}</p>
|
||||
<!-- <p v-else-if="tab === 1 && item1.objType === 39">房间红包-发生在{{ item1.roomTitle }}</p> -->
|
||||
<div class="diamond">
|
||||
<img src="@/assets/img/diamond.png" alt />
|
||||
|
||||
Reference in New Issue
Block a user