Compare commits

...

9 Commits

70 changed files with 2968 additions and 333 deletions

View File

@@ -0,0 +1,892 @@
html,
body {
width: 100%;
background: #500000;
}
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0.8666666667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 10;
}
.back img {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
top: 0rem;
}
.header {
width: 10rem;
height: 12.9333333333rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
}
.header .date {
width: 8.9333333333rem;
height: 0.7466666667rem;
line-height: 0.7466666667rem;
background: url(../images/time_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 500;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.7866666667rem;
}
.header .rule {
width: 1.4666666667rem;
height: 0.72rem;
line-height: 0.72rem;
text-indent: 0.1rem;
text-align: center;
color: #433402;
font-size: 0.3733333333rem;
font-weight: 500;
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 6.5333333333rem;
}
.giftBox {
position: relative;
width: 10rem;
height: 6.4266666667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: 0rem auto 0.4266666667rem;
overflow: hidden;
position: absolute;
top: 12rem;
}
.giftBox .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0rem;
text-align: center;
width: 7.5066666667rem;
height: 1.8533333333rem;
line-height: 2.6666666667rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .content {
width: 8.1333333333rem;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.6rem auto 0.2rem;
}
.giftBox .gift {
width: 8.4rem;
height: 2.6666666667rem;
display: flex;
justify-content: space-between;
margin: 2.6666666667rem auto 0;
}
.giftBox .gift div {
width: 2.6666666667rem;
height: 2.6666666667rem;
position: relative;
background: url(../images/sGiftBox.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .gift div img {
width: 2.1333333333rem;
height: 2.1333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.24rem;
}
.giftBox .gift div span {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 600;
position: absolute;
left: 0;
bottom: -0.5rem;
}
.timeBox {
width: 100%;
height: 1.3866666667rem;
margin: 0 auto;
box-sizing: border-box;
padding: 0 1.7333333333rem;
display: flex;
justify-content: space-between;
overflow: hidden;
gap: 0.2rem;
position: absolute;
top: 10.4rem;
}
.timeBox div {
width: 1.32rem;
height: 1.2266666667rem;
box-sizing: border-box;
text-align: center;
background: url(../images/timeBox_in.png) no-repeat;
background-size: 100% 100%;
}
.timeBox div span {
display: block;
color: #FFF783;
font-size: 0.4533333333rem;
font-weight: 500;
margin: 0.2133333333rem auto 0.0266666667rem;
}
.timeBox div b {
display: block;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin-top: 0.0533333333rem;
}
.page1 {
margin: 7.2rem auto 0;
}
.page1 .top {
width: 10rem;
height: 13.3333333333rem;
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
padding: 0.1066666667rem 0 0;
}
.page1 .top .tab {
width: 100%;
height: 1rem;
box-sizing: border-box;
line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto 0.32rem;
position: absolute;
top: -8%;
gap: 0.2666666667rem;
padding: 0 0.5333333333rem;
}
.page1 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .top1 {
width: 8rem;
height: 5.0666666667rem;
position: relative;
margin: 1rem auto 0;
}
.page1 .top .top1 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top1 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.3333333333rem;
}
.page1 .top .top1 .name {
width: 35%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 4.2666666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top1 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top1 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top1 .id {
width: 100%;
position: absolute;
top: 4.88rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top1 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 5.3333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top1 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top1 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top2 {
width: 4rem;
height: 4rem;
position: absolute;
left: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top2 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top2 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top2 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top2 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top2 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top2 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top2 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top2 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top2 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top3 {
width: 4rem;
height: 4rem;
position: absolute;
right: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top3 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top3 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top3 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top3 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top3 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top3 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top3 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top3 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top3 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
position: relative;
z-index: 2;
}
.page1 .content {
width: 10rem;
height: auto;
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page1 .content ul {
width: 8.8rem;
margin: 0.3733333333rem auto 0rem;
}
.page1 .content ul li {
width: 100%;
background: linear-gradient(0deg, #9F0141, #760231);
margin-bottom: 0.3466666667rem;
overflow: hidden;
padding: 0 0.32rem 0.2533333333rem 0.2rem;
box-sizing: border-box;
background: url(../images/li_bg.png) no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
}
.page1 .content ul li .num {
float: left;
width: 0.5333333333rem;
line-height: 1.5466666667rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .content ul li .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2533333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .content ul li .info {
float: left;
margin-top: 0.3333333333rem;
}
.page1 .content ul li .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
display: flex;
}
.page1 .content ul li .info p b {
max-width: 1.9rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .content ul li .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .content ul li .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .content ul li .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
margin-left: auto;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
justify-content: center;
}
.page1 .content ul li .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .content ul li .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page1 .content .more {
width: 1.6533333333rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
text-align: center;
padding: 0 0.4533333333rem;
margin: 0 auto 0.3rem;
color: #FFF783;
border: 0.0266666667rem solid #FFF783;
border-radius: 0.5866666667rem;
box-sizing: border-box;
font-size: 0.32rem;
font-weight: 500;
}
.page1 .my {
position: fixed;
z-index: 9;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 10rem;
background: #500000;
border-radius: 0.24rem 0.24rem 0px 0px;
border: 0.04rem solid #FFF783;
box-sizing: border-box;
padding: 0 0.52rem 0.2rem 0.2rem;
display: flex;
align-items: center;
}
.page1 .my .num {
float: left;
width: 0.5333333333rem;
height: 100%;
line-height: 1.7333333333rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .my .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2133333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .my .info {
float: left;
margin-top: 0.3333333333rem;
}
.page1 .my .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
}
.page1 .my .info p b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .my .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .my .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .my .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
align-items: center;
justify-content: center;
margin-left: auto;
}
.page1 .my .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .my .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page2 {
display: none;
margin: 5.28rem auto 0;
}
.page2 .top {
width: 10rem;
height: 2.1333333333rem;
position: relative;
margin: 0 auto -0.2rem;
overflow: hidden;
}
.page2 .top .tab {
width: 100%;
height: 1rem;
box-sizing: border-box;
line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto 0;
position: absolute;
top: 40%;
gap: 0.2666666667rem;
padding: 0 0.5333333333rem;
}
.page2 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
}
.page2 .content {
width: 10rem;
margin: 0 auto 0;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page2 .content .box {
width: 10rem;
height: 29.04rem;
margin: 0.2rem auto 0;
position: relative;
}
.page2 .content .box .bo {
position: absolute;
width: 0.6933333333rem;
height: 0.6933333333rem;
left: 1.88rem;
}
.page2 .content .box .bo1 {
top: 9.92rem;
}
.page2 .content .box .bo2 {
top: 23rem;
}
.page2 .content .box .bo3 {
top: 38.56rem;
}
.rules {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.rules .rule_in {
width: 10rem;
height: 6.4266666667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rules .rule_in .close {
position: absolute;
width: 0.9066666667rem;
height: 0.9066666667rem;
right: 0.2666666667rem;
top: -0.08rem;
}
.rules .rule_in .titles {
width: 7.5066666667rem;
height: 1.8533333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.1066666667rem;
text-align: center;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
line-height: 2.6133333333rem;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.rules .rule_in .text {
width: 8.2266666667rem;
height: 6.2rem;
overflow-y: scroll;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.1333333333rem auto 0;
}
.rules .rule_in .text::-webkit-scrollbar {
display: none;
}
.bottomText {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin: 0.6666666667rem auto 2.4rem;
}
.video {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.video .close {
width: 0.9066666667rem;
height: 0.9066666667rem;
position: absolute;
top: 10%;
right: 0.9333333333rem;
z-index: 9;
}
.arabic .header {
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
}
.arabic .page1 .content ul li .score {
margin-right: auto;
margin-left: 0;
}
.arabic .page1 .my .score {
margin-right: auto;
margin-left: 0;
}

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 812 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 247 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 730 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,209 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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="./css/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 头部 -->
<div class="header">
<div class="rule text3"></div>
</div>
<!-- 倒计时 -->
<div class="timeBox">
<div class="days">
<span>00</span>
<b class="text6"></b>
</div>
<div class="hours">
<span>00</span>
<b class="text7"></b>
</div>
<div class="mins">
<span>00</span>
<b class="text8"></b>
</div>
<div class="secs">
<span>00</span>
<b class="text9"></b>
</div>
</div>
<!-- 礼物盒子 -->
<div class="giftBox">
<div class="title text4"></div>
<div class="gift">
<div class="gift0">
<img src="./images/logo.png" alt="">
<span>Name</span>
</div>
<div class="gift1">
<img src="./images/logo.png" alt="">
<span>Name</span>
</div>
<div class="gift2">
<img src="./images/logo.png" alt="">
<span>Name</span>
</div>
</div>
</div>
<!-- page1 -->
<div class="page1">
<div class="top">
<!-- 切换 -->
<div class="tab">
<div class="act text10"></div>
<div class="text11"></div>
</div>
<!-- 前三 -->
<div class="top1">
<img src="./images/top1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
<div class="top2">
<img src="./images/top2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
<div class="top3">
<img src="./images/top3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
</div>
<div class="content">
<ul>
<!-- <li>
<div class="num">04</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="info">
<p>
<b>名字</b>
<img src="" alt="" class="icon">
</p>
<span>ID:1234567</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</li> -->
</ul>
<div class="more">More</div>
</div>
<div class="bottom"></div>
<div class="my">
<div class="num">04</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="info">
<p>
<b>名字</b>
<img src="" alt="" class="icon">
</p>
<span>ID:1234567</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
</div>
<!-- page2 -->
<div class="page2">
<div class="top">
<!-- 切换 -->
<div class="tab">
<div class="text10">Ranking</div>
<div class="act text11">Rewards</div>
</div>
</div>
<div class="content">
<div class="box">
<!-- <img src="./images/bo.png" alt="" class="bo bo1">
<img src="./images/bo.png" alt="" class="bo bo2">
<img src="./images/bo.png" alt="" class="bo bo3"> -->
</div>
</div>
<!-- <div class="bottom"></div> -->
</div>
<div class="bottomText text12"></div>
<!-- 规则 -->
<div class="rules">
<div class="rule_in">
<img src="./images/close.png" alt="" class="close">
<div class="titles text133"></div>
<div class="text text13">
</div>
</div>
</div>
<!-- MP4 -->
<div class="video video1">
<video id="zjVideo1" controls>
<source src="./mp4/1.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="video video2">
<video id="zjVideo2" controls>
<source src="./mp4/2.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="video video3">
<video id="zjVideo3" controls>
<source src="./mp4/3.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
</body>
</html>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.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="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/tr.js"></script>
<script src="./js/index.js"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -0,0 +1,276 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var countupTime;//倒计时容器
var loadedCount = 0; // 已加載的數據數量
var pageSize = 7; // 每次加載的數據數量
var notListTo3 = []; // 每次加載的數據數量
// 初始化函數
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getConfig();
}, 100)
})
// 处理SVGA
document.addEventListener('DOMContentLoaded', function () {
function loadSVGA(containerId, svgaPath) {
var container = document.getElementById(containerId);
var player = new SVGA.Player(container);
var parser = new SVGA.Parser();
parser.load(svgaPath, function (videoItem) {
player.setVideoItem(videoItem);
player.startAnimation();
});
}
loadSVGA('ts10', './svga/100.svga');
});
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.text1').html(langReplace(localLang.demoModule.text1));
$('.text2').html(langReplace(localLang.demoModule.text2));
// $('.text22').html(langReplace(localLang.demoModule.text22));
$('.text3').html(langReplace(localLang.demoModule.text3));
$('.text4').html(langReplace(localLang.demoModule.text4));
$('.text5').html(langReplace(localLang.demoModule.text5));
$('.text6').html(langReplace(localLang.demoModule.text6));
$('.text7').html(langReplace(localLang.demoModule.text7));
$('.text8').html(langReplace(localLang.demoModule.text8));
$('.text9').html(langReplace(localLang.demoModule.text9));
$('.text10').html(langReplace(localLang.demoModule.text10));
$('.text11').html(langReplace(localLang.demoModule.text11));
$('.text12').html(langReplace(localLang.demoModule.text12));
$('.text13').html(langReplace(localLang.demoModule.text13));
$('.text133').html(langReplace(localLang.demoModule.text133));
$('.more').html(langReplace(localLang.demoModule.more));
if (browser.ios) {
$('.bottomText').text(langReplace(localLang.demoModule.text12))
} else {
$('.bottomText').text(langReplace(localLang.demoModule.text122))
}
}
// 配置接口
function getConfig() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/h5/template/rank',
data: { actKey: "YemeniRevolutionandIndependence" },
success(res) {
if (res.code === 200) {
// 处理日期
// var startTime = dateFormat(new Date(res.data.startTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
// var endTime = dateFormat(new Date(res.data.endTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
// $('.header .date .text22').text(`${startTime} - ${endTime}`);
// 处理倒计时
countup(res.data.endTime - res.timestamp);
// 处理限定礼物
res.data.gifts.forEach((res, i) => {
$(`.giftBox .gift .gift${i} img`).attr("src", res.giftUrl);
$(`.giftBox .gift .gift${i} span`).text(res.giftName);
})
// 处理榜单
var listTo3 = res.data.rankList.slice(0, 3);
notListTo3 = res.data.rankList.slice(3);
// 处理前三
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
name: langReplace(localLang.demoModule.waiting),
erbanNo: null,
totalNum: null
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
$(`.page1 .top .top${i + 1} .tx`).attr('src', res.avatar);
$(`.page1 .top .top${i + 1} .name b`).text(res.name);
$(`.page1 .top .top${i + 1} .name img`).attr('src', res.userLevelVo ? res.userLevelVo.experUrl : './images/logo.png');
$(`.page1 .top .top${i + 1} .id`).text('ID:' + res.erbanNo);
$(`.page1 .top .top${i + 1} .score b`).text(unitProcessingAr(res.totalNum, 2));
if (res.erbanNo == null) {
$(`.page1 .top .top${i + 1} .name img`).hide();
$(`.page1 .top .top${i + 1} .id`).hide();
$(`.page1 .top .top${i + 1} .score`).hide();
}
})
// 非前三
loadMore();
// 处理自己榜单数据
var my = res.data.myRank;
$('.page1 .my .tx').attr("src", my.avatar);
$('.page1 .my .num').text(my.rank == 0 ? '30+' : my.rank);
$('.page1 .my .info p b').text(my.name);
$('.page1 .my .info p img').attr('src', res.data.myRank.userLevelVo.experUrl);
$('.page1 .my .info span').text(`ID:${my.erbanNo}`);
$('.page1 .my .score b').text(unitProcessingAr(my.totalNum, 2));
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 加載數據函數
function loadMore() {
// 計算加載範圍
pageSize = loadedCount == 0 ? 7 : 10;
const nextItems = notListTo3.slice(loadedCount, loadedCount + pageSize);
let str = '';
// 拼接 HTML
nextItems.forEach(res => {
str += `
<li>
<div class="num">${res.rank}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="info">
<p>
<b>${res.name}</b>
<img src="${res.userLevelVo.experUrl}" alt="" class="icon">
</p>
<span>ID:${res.erbanNo}</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>${unitProcessingAr(res.totalNum, 2)}</b>
</div>
</li>
`
})
// 將數據插入到列表中
$('.page1 .content ul').append(str);
// 更新已加載的數據數量
loadedCount += nextItems.length;
// 如果數據全部加載完成,隱藏按鈕
console.log(loadedCount >= notListTo3.length);
console.log(notListTo3.length);
if (loadedCount >= notListTo3.length) {
$('.page1 .content .more').hide();
}
}
// 綁定按鈕點擊事件
$('.page1 .content .more').click(function () {
loadMore();
})
// 初次加載數據
// tab切换
$('.page1 .top .tab div,.page2 .top .tab div').click(function () {
var i = $(this).index() + 1;
$('.page1,.page2').hide();
$(`.page${i}`).show();
if (i == 1) {
$('.bottomText').css('margin', '0.66667rem auto 2.4rem');
} else {
$('.bottomText').css('margin', '0.66667rem auto 0.66667rem');
}
})
// 打开规则
$('.rule').click(function () {
$('.rules').show();
bodyScroolFun(true);
})
// 关闭规则
$('.rules .rule_in .close').click(function () {
$('.rules').hide();
bodyScroolFun(false);
})
// 倒計時
function countup(leftTime) {
clearTimeout(countupTime)
//獲取當前時間
// var now = nowTime;
var d = 0;
var h = 0;
var m = 0;
var s = 0;
//定義變數 d,h,m,s保存倒計時的時間
var d, h, m, s;
//遞歸每秒調⽤countTime⽅法顯⽰動態時間效果
if (leftTime > 0) {
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
s = getzf(Math.floor(leftTime / 1000 % 60));
//將倒計時賦值到div中
$('.timeBox .days span').text(d);
$('.timeBox .hours span').text(h);
$('.timeBox .mins span').text(m);
$('.timeBox .secs span').text(s);
} else {
getConfig();
}
if (leftTime > 0) {
leftTime = leftTime - 1000;
}
countupTime = setTimeout(function () {
countup(leftTime);
}, 1000);
}
//补0操作
function getzf(num) {
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}

View File

@@ -0,0 +1,30 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {
layerIndex1: `جارٍ التحميل...`,
layerIndex2: `نجاح`,
layerIndex3: `خطأ في الشبكة`,
text1: `الثورة عيد`,
text3: `القواعد`,
text4:'هدايا المناسبات',
text6: `أيام`,
text7: `ساعات`,
text8: `دقائق`,
text9: `ثواني`,
text10: `التصنيف`,
text11: `المكافآت`,
text12: `حدث لا علاقة له بشركة آبل`,
text122: `حدث غير مرتبط بجوجل`,
text133: `القواعد`,
text13: `<P>1.خلال فترة الحدث، يمكنك الانضمام إلى الترتيب عن طريق إرسال الدول المعينة.</p>
<P>2.في نهاية الحدث، سيحصل أفضل 3 مستخدمين على مكافأة سخية.</p>
<P>3.سيتم دفع المكافآت في اليوم التالي لانتهاء الحدث</p>
<P>4.لا علاقة للحدث بـ Google/Apple.</p> `,
more: `المزيد`,
month: `شهر`,
day: `يوم`,
waiting: `في انتظار`,
}
}

View File

@@ -0,0 +1,27 @@
langEn = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Egyptian Revolution Day`,
text3:`Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Ranking`,
text11: `Rewards`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Rules`,
text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
<p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
<p>3.Rewards will be paid out the day after the event ends</p>
<p>4.Event has nothing to do with Google/Apple.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -0,0 +1,29 @@
langTr = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Egyptian Revolution Day`,
text3:`Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Ranking`,
text11: `Rewards`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Rules`,
text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
<p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
<p>3.Rewards will be paid out the day after the event ends</p>
<p>4.Event has nothing to do with Google/Apple.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -0,0 +1,30 @@
// 中文
langZh = {
// 模塊
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Egyptian Revolution Day`,
text3:`Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Ranking`,
text11: `Rewards`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Rules`,
text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
<p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
<p>3.Rewards will be paid out the day after the event ends</p>
<p>4.Event has nothing to do with Google/Apple.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1283,4 +1283,54 @@ body {
}
.arabic .recharges .content .topTitle {
direction: ltr;
}
.english .header {
background: url(../images/header-en.png) no-repeat;
background-size: 100% 100%;
}
.english .recharge3000 .content .rewardImg {
background: url(../images/recharge3000-en.png) no-repeat;
background-size: 100% 100%;
}
.english .recharge5000 .content .rewardImg {
background: url(../images/recharge5000-en.png) no-repeat;
background-size: 100% 100%;
}
.english .recharge8000 .content .rewardImg {
background: url(../images/recharge8000-en.png) no-repeat;
background-size: 100% 100%;
}
.english .recharge10000 .content .rewardImg {
background: url(../images/recharge10000-en.png) no-repeat;
background-size: 100% 100%;
}
.english .recharge20000 .content .rewardImg {
background: url(../images/recharge20000-en.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .header {
background: url(../images/header-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .recharge3000 .content .rewardImg {
background: url(../images/recharge3000-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .recharge5000 .content .rewardImg {
background: url(../images/recharge5000-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .recharge8000 .content .rewardImg {
background: url(../images/recharge8000-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .recharge10000 .content .rewardImg {
background: url(../images/recharge10000-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .recharge20000 .content .rewardImg {
background: url(../images/recharge20000-tr.png) no-repeat;
background-size: 100% 100%;
}

View File

@@ -1509,4 +1509,55 @@ body {
direction: ltr;
}
}
.english{
.header{
background: url(../images/header-en.png) no-repeat;
background-size: 100% 100%;
}
.recharge3000 .content .rewardImg{
background: url(../images/recharge3000-en.png) no-repeat;
background-size: 100% 100%;
}
.recharge5000 .content .rewardImg{
background: url(../images/recharge5000-en.png) no-repeat;
background-size: 100% 100%;
}
.recharge8000 .content .rewardImg{
background: url(../images/recharge8000-en.png) no-repeat;
background-size: 100% 100%;
}
.recharge10000 .content .rewardImg{
background: url(../images/recharge10000-en.png) no-repeat;
background-size: 100% 100%;
}
.recharge20000 .content .rewardImg{
background: url(../images/recharge20000-en.png) no-repeat;
background-size: 100% 100%;
}
}
.Turkiye{
.header{
background: url(../images/header-tr.png) no-repeat;
background-size: 100% 100%;
}
.recharge3000 .content .rewardImg{
background: url(../images/recharge3000-tr.png) no-repeat;
background-size: 100% 100%;
}
.recharge5000 .content .rewardImg{
background: url(../images/recharge5000-tr.png) no-repeat;
background-size: 100% 100%;
}
.recharge8000 .content .rewardImg{
background: url(../images/recharge8000-tr.png) no-repeat;
background-size: 100% 100%;
}
.recharge10000 .content .rewardImg{
background: url(../images/recharge10000-tr.png) no-repeat;
background-size: 100% 100%;
}
.recharge20000 .content .rewardImg{
background: url(../images/recharge20000-tr.png) no-repeat;
background-size: 100% 100%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 502 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 359 KiB

After

Width:  |  Height:  |  Size: 502 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 384 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 376 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

View File

@@ -998,6 +998,10 @@ body {
direction: ltr;
}
.Turkiye .header {
background: url(../images/header-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .recharge100 .content .rewardImg {
background: url(../images/recharge100-tr.png) no-repeat;
background-size: 100% 100%;

View File

@@ -1153,6 +1153,10 @@ body {
}
}
.Turkiye{
.header {
background: url(../images/header-tr.png) no-repeat;
background-size: 100% 100%;
}
.recharge100 .content .rewardImg {
background: url(../images/recharge100-tr.png) no-repeat;
background-size: 100% 100%;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@@ -143,7 +143,7 @@ function getData() {
})
$('.Agency_List .content_list').append(str)
if (partitionId == 1) {
if (partitionId == 1 || partitionId == 8) {
$('.Coins_Income').show();
$('.Diamonds_Income').hide();
$('.Income_txt img').attr('src', './images/coins.png');

View File

@@ -138,7 +138,7 @@ function getConfig() {
// 处理是否代理人
res.data.rechargeUser ? $('.myBox').hide() : $('.myBox').show();
// 处理等级不足不显示榜单
res.data.wealth <= 7 ? $('.priorityWinners,.priorityWinnersBox').hide() : $('.priorityWinners,.priorityWinnersBox').show()
// res.data.wealth <= 7 ? $('.priorityWinners,.priorityWinnersBox').hide() : $('.priorityWinners,.priorityWinnersBox').show()
// 处理倒计时
countup(res.data.endTime - res.timestamp);
// 处理顶部进度以及个人信息
@@ -150,11 +150,11 @@ function getConfig() {
$('.myBox .tetxBox .r strong').text(6000000);
$('.myBox .lineBox .box1 span b').text(unitProcessingAr(300000));
$('.myBox .lineBox .box1').css('left', `${(300000 / 6000000) * 100}%`);
$('.myBox .lineBox .box2 span b').text(unitProcessingAr(1500000,1));
$('.myBox .lineBox .box2 span b').text(unitProcessingAr(1500000, 1));
$('.myBox .lineBox .box2').css('left', `${(1500000 / 6000000) * 100}%`);
$('.myBox .lineBox .box3 span b').text(unitProcessingAr(3000000,1));
$('.myBox .lineBox .box3 span b').text(unitProcessingAr(3000000, 1));
$('.myBox .lineBox .box3').css('left', `${(3000000 / 6000000) * 100}%`);
$('.myBox .lineBox .box4 span b').text(unitProcessingAr(6000000,1));
$('.myBox .lineBox .box4 span b').text(unitProcessingAr(6000000, 1));
$('.myBox .lineBox .box4').css('right', `0%`);
$('.myBox .lineBox .line').css('width', `${((res.data.goldNum / 6000000) * 100) > 100 ? 100 : (res.data.goldNum / 6000000) * 100}%`);
if (res.data.goldNum >= 300000) { $('.myBox .lineBox .box1').addClass('act') }
@@ -190,42 +190,59 @@ function getConfig() {
progressWidth = progressWidth > 100 ? 100 : progressWidth;
$('.myBox .lineBox .line').css('width', `${progressWidth}%`);
if (res.data.goldNum >= 10000000) { $('.myBox .lineBox .box1').addClass('act') }
if (res.data.goldNum >= 20000000) { $('.myBox .lineBox .box2').addClass('act')
if (res.data.goldNum >= 20000000) {
$('.myBox .lineBox .box2').addClass('act')
}
if (res.data.goldNum >= 30000000) { $('.myBox .lineBox .box3').addClass('act')
if (res.data.goldNum >= 30000000) {
$('.myBox .lineBox .box3').addClass('act')
}
if (res.data.goldNum >= 90000000) { $('.myBox .lineBox .box4').addClass('act') }
}
// 处理每个档位的用户前四名
res.data.activityLevelUserVo.forEach((res, i) => {
res.data.activityLevelUserVo.forEach((item, i) => {
var str = '';
if ((res.level) <= 3) {
$(`.content1 .level${res.level} .priorityWinnersBox div`).remove();
} else {
$(`.content2 .level${res.level} .priorityWinnersBox div`).remove();
}
if (res.userVos.length > 0) {
res.userVos.forEach(val => {
str += `
<div>
<img src="${val.avatar}" alt="">
<span>${val.name}</span>
</div>
`
})
} else {
str += `
// 等级小于七级展示默认
if (res.data.wealth <= 7) {
$(`.content1 .level${item.level} .priorityWinnersBox div`).remove();
$(`.content2 .level${item.level} .priorityWinnersBox div`).remove();
str = `
<div>
<img src="./images/null.png" alt="">
<span>${localLang.demoModule.waiting}</span>
</div>
`
}
if ((res.level) <= 3) {
$(`.content1 .level${res.level} .priorityWinnersBox`).append(str);
$(`.content1 .level${item.level} .priorityWinnersBox`).append(str);
$(`.content2 .level${item.level} .priorityWinnersBox`).append(str);
} else {
$(`.content2 .level${res.level} .priorityWinnersBox`).append(str);
if ((item.level) <= 4) {
$(`.content1 .level${item.level} .priorityWinnersBox div`).remove();
} else {
$(`.content2 .level${item.level} .priorityWinnersBox div`).remove();
}
if (item.userVos.length > 0) {
item.userVos.forEach(val => {
str += `
<div>
<img src="${val.avatar}" alt="">
<span>${val.name}</span>
</div>
`
})
} else {
str += `
<div>
<img src="./images/null.png" alt="">
<span>${localLang.demoModule.waiting}</span>
</div>
`
}
if ((item.level) <= 4) {
$(`.content1 .level${item.level} .priorityWinnersBox`).append(str);
} else {
$(`.content2 .level${item.level} .priorityWinnersBox`).append(str);
}
}
})
} else {
toastMsg(res.message)

View File

@@ -1,204 +1,204 @@
langEn = {
langTr = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1: `Agency Name`,
text2: `Agency Name`,
text3: `Admin`,
text4: `Settings`,
text5: `Income`,
text6: `Invite`,
text7: `Details`,
text8: `Agency Name`,
text9: `Cancel`,
text10: `Confirm`,
text11: 'Agency Name:',
text12: `Master`,
text13: `Admin`,
text14: `Delete`,
text15: `Are you sure you want to remove this person?`,
layerIndex1: `Yükleniyor...`,
layerIndex2: `Başarılı`,
layerIndex3: `Ağ hatası`,
text1: `Ajans Adı`,
text2: `Ajans Adı`,
text3: `Yönetici`,
text4: `Ayarlar`,
text5: `Gelir`,
text6: `Davet Et`,
text7: `Detaylar`,
text8: `Ajans Adı`,
text9: `İptal`,
text10: `Onayla`,
text11: 'Ajans Adı:',
text12: `Usta`,
text13: `Yönetici`,
text14: `Sil`,
text15: `Bu kişiyi kaldırmak istediğinizden emin misiniz?`,
text16: `E-Party ID`,
texts1: "Coin Income Statistics",
texts2: "Salary Income Statistics",
texts3: "Agency Settings",
texts4: "Administrator Settings",
texts5: "My Salary",
newText1: `Coin Income Statistics`,
newText2: `Agency`,
newText3: `Administrator`,
audit:'In Audit',
weeklyRewardsText1: 'Host weekly rewards',
weeklyRewardsText2: 'You can get 664500 coins totally.',
weeklyRewardsText3: 'Get',
weeklyRewardsText33: 'Got',
weeklyRewardsText4: 'Host Lv',
weeklyRewardsText5: 'Reset time: Monday 0:00 (GMT+8)',
texts1: "Coin Gelir İstatistikleri",
texts2: "Maaş Gelir İstatistikleri",
texts3: "Ajans Ayarları",
texts4: "Yönetici Ayarları",
texts5: "Maaşım",
newText1: `Coin Gelir İstatistikleri`,
newText2: `Ajans`,
newText3: `Yönetici`,
audit:'Denetimde',
weeklyRewardsText1: 'Sunucu haftalık ödülleri',
weeklyRewardsText2: 'Toplam 664500 coin kazanabilirsiniz.',
weeklyRewardsText3: 'Al',
weeklyRewardsText33: 'Alındı',
weeklyRewardsText4: 'Sunucu Seviyesi',
weeklyRewardsText5: 'Sıfırlama zamanı: Pazartesi 00:00 (GMT+8)',
},
adminSet: {
text1: `Administrator`,
text2: `Find`,
text3: `No data`,
text4: `Appoint Administrator?`,
text5: `Cancel`,
text6: `Confirm`,
text7: `Add`,
text8: `Added`,
text1: `Yönetici`,
text2: `Bul`,
text3: `Veri yok`,
text4: `Yönetici Atansın mı?`,
text5: `İptal`,
text6: `Onayla`,
text7: `Ekle`,
text8: `Eklendi`,
},
adminSet2: {
text1: `Administrator`,
text2: `Settings`,
text3: `Add Admin`,
text4: `No data`,
text5: `Remove Administrator?`,
text6: `Cancel`,
text7: `Confirm`,
text8: `Master`,
text9: `Administrator`,
text10: `Delete`,
text11: 'Removed',
text1: `Yönetici`,
text2: `Ayarlar`,
text3: `Yönetici Ekle`,
text4: `Veri yok`,
text5: `Yönetici Kaldırılsın mı?`,
text6: `İptal`,
text7: `Onayla`,
text8: `Usta`,
text9: `Yönetici`,
text10: `Sil`,
text11: 'Kaldırıldı',
},
guild: {
text1: `All`,
text2: `All`,
text3: `Agency`,
text4: `Apply to join?`,
text5: `Cancel`,
text6: `Confirm`,
text7: `Add`,
text8: 'Submitted',
text1: `Tümü`,
text2: `Tümü`,
text3: `Ajans`,
text4: `Katılmak için başvurulsun mu?`,
text5: `İptal`,
text6: `Onayla`,
text7: `Ekle`,
text8: 'Gönderildi',
},
guildInfoSet: {
text1: `Agency Settings`,
text2: `Agency Settings`,
text3: `Name: `,
text4: `Name`,
text5: `Background:`,
text6: `Delete`,
text7: `Save`,
text8: `Loaded`,
textConte1: `Save`,
textConte2: `Edit`,
textConte3: `Add`,
textConte4: `Payment Account`,
text55: `Agency Avatar`,
toastMsgText1: `GIF upload is not supported at the moment`,
text1: `Ajans Ayarları`,
text2: `Ajans Ayarları`,
text3: `İsim: `,
text4: `İsim`,
text5: `Arka Plan:`,
text6: `Sil`,
text7: `Kaydet`,
text8: `Yüklendi`,
textConte1: `Kaydet`,
textConte2: `Düzenle`,
textConte3: `Ekle`,
textConte4: `Ödeme Hesabı`,
text55: `Ajans Avatarı`,
toastMsgText1: `Şu anda GIF yükleme desteklenmiyor`,
},
invitation: {
text1: `Find`,
text2: `Find E-PartyID`,
text3: `Find`,
text4: `No content`,
text5: `Invite to Agency?`,
text6: `Cancel`,
text7: `Confirm`,
text8: `Add`,
text9: `No data`,
text10: 'Sent invitation',
text1: `Bul`,
text2: `E-PartyID Bul`,
text3: `Bul`,
text4: `İçerik yok`,
text5: `Ajansa Davet Edilsin mi?`,
text6: `İptal`,
text7: `Onayla`,
text8: `Ekle`,
text9: `Veri yok`,
text10: 'Davet gönderildi',
},
memberFlow: {
text1: `Income Statistics`,
text2: `Total Coins Income`,
text3: `Members Coins Income`,
text4: `Start time cannot be later than end time`,
text5: `Selected time period cannot exceed 90 days`,
text6: `Coins Income`,
text7: `Duration`,
text8: `Num of Givers`,
text9: `Me`,
text1: `Gelir İstatistikleri`,
text2: `Toplam Coin Geliri`,
text3: `Üyelerin Coin Geliri`,
text4: `Başlangıç zamanı, bitiş zamanından sonra olamaz`,
text5: `Seçilen zaman aralığı 90 günü aşamaz`,
text6: `Coin Geliri`,
text7: `Süre`,
text8: `Veren Sayısı`,
text9: `Ben`,
},
memberFlow2: {
text1: `Salaries Statistics`,
text2: `Previous`,
text3: `Next`,
text4: `My Salary`,
text5: `Coin Salary`,
text6: `Commission`,
text7: `Remaining Diamonds`,
text8: `Member Salaries`,
text9: `Month`,
text10: `Member`,
text11: `Valid days`,
text12: `Coins Income`,
text13: `Coin Salary`,
text14: `Remaining Diamonds`,
text15: `View`,
text16: `Details`,
text17: `Current`,
textss: 'Total Coin Salary'
text1: `Maaş İstatistikleri`,
text2: `Önceki`,
text3: `Sonraki`,
text4: `Maaşım`,
text5: `Coin Maaşı`,
text6: `Komisyon`,
text7: `Kalan Elmaslar`,
text8: `Üye Maaşları`,
text9: `Ay`,
text10: `Üye`,
text11: `Geçerli günler`,
text12: `Coin Geliri`,
text13: `Coin Maaşı`,
text14: `Kalan Elmaslar`,
text15: `Görüntüle`,
text16: `Detaylar`,
text17: `Mevcut`,
textss: 'Toplam Coin Maaşı'
},
memberFlow22: {
text1: `Member Salary`,
text2: `Previous`,
text3: `Next`,
text4: `Coin Salary`,
text5: `Coins Income`,
text6: `Valid Days`,
text7: `Remaining Diamonds`,
text8: `Daily Details`,
text1: `Üye Maaşı`,
text2: `Önceki`,
text3: `Sonraki`,
text4: `Coin Maaşı`,
text5: `Coin Geliri`,
text6: `Geçerli Günler`,
text7: `Kalan Elmaslar`,
text8: `Günlük Detaylar`,
text9: ``,
text10: `Date`,
text11: `Duration`,
text12: `Daily Income`,
text13: `Monthly Income`,
text14: `Coin Salary`,
text10: `Tarih`,
text11: `Süre`,
text12: `Günlük Gelir`,
text13: `Aylık Gelir`,
text14: `Coin Maaşı`,
},
memberFlow222: {
text1: `Member Salary`,
text2: `Previous`,
text3: `Next`,
text4: `Coin Salary`,
text5: `Coins Income`,
text6: `Valid Days`,
text7: `Remaining Diamonds`,
text8: `Daily Details`,
text1: `Üye Maaşı`,
text2: `Önceki`,
text3: `Sonraki`,
text4: `Coin Maaşı`,
text5: `Coin Geliri`,
text6: `Geçerli Günler`,
text7: `Kalan Elmaslar`,
text8: `Günlük Detaylar`,
text9: ``,
text10: `Date`,
text11: `Duration`,
text12: `Daily Income`,
text13: `Monthly Income`,
text14: `Coin Salary`,
text10: `Tarih`,
text11: `Süre`,
text12: `Günlük Gelir`,
text13: `Aylık Gelir`,
text14: `Coin Maaşı`,
},
search: {
text1: `Find`,
text2: `Find E-PartyID`,
text3: `Find`,
text4: `No content`,
text5: `Apply to join?`,
text6: `Delete`,
text7: `Cancel`,
text8: 'Submitted',
text1: `Bul`,
text2: `E-PartyID Bul`,
text3: `Bul`,
text4: `İçerik yok`,
text5: `Katılmak için başvurulsun mu?`,
text6: `Sil`,
text7: `İptal`,
text8: 'Gönderildi',
},
lay: {
ok: 'Confirm',
close: 'Cancel',
departed: 'Departed',
ok: 'Onayla',
close: 'İptal',
departed: 'Ayrıldı',
},
incomeStatistics:{
text1:`Income Statistics`,
text2:`Total Coins Income`,
text22:`Agnecy Income`,
text222:`Personal Income`,
text3:`Personal Data`,
text4:`Member Data`,
text5:`Date`,
text6:`Coins Income`,
text7:`Duration`,
text8:`Me`,
text9:`Member`,
text1:`Gelir İstatistikleri`,
text2:`Toplam Coin Geliri`,
text22:`Ajans Geliri`,
text222:`Kişisel Gelir`,
text3:`Kişisel Veri`,
text4:`Üye Verisi`,
text5:`Tarih`,
text6:`Coin Geliri`,
text7:`Süre`,
text8:`Ben`,
text9:`Üye`,
},
weeklyRewards: {
text1: `Host weekly rewards`,
text2: `You can get <b>664500</b> coins totally.`,
text3: `Get`,
text4: `Host Lv`,
text5: `Got`,
text1: `Sunucu haftalık ödülleri`,
text2: `Toplam <b>664500</b> coin kazanabilirsiniz.`,
text3: `Al`,
text4: `Sunucu Seviyesi`,
text5: `Alındı`,
},
weeklyRewardsRule: {
text1: `Rules`,
text2: `<p>1 Activity time: 0:00-23:59 (GMT+8) every week.</p>
<p>2 Coin rewards: Calculate the user's coin income every week, and you can get corresponding coins when you reach a certain level.</p>
<p>3 Coin reward gradient</p>`,
text1: `Kurallar`,
text2: `<p>1 Etkinlik süresi: Her hafta 00:00-23:59.</p>
<p>2 Coin ödülleri: Kullanıcının haftalık coin geliri hesaplanır, belirli bir seviyeye ulaşıldığında karşılık gelen coinler alınabilir.</p>
<p>3 Coin ödül kademesi</p>`,
text3: `./images/weeklyRewardsRule.png`,
},
}
}

View File

@@ -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>EParty</title><link href=./static/css/app.416a5fc5206e43a02a8f51ea5a621894.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3a5aade394eb203c2270.js></script><script type=text/javascript src=./static/js/vendor.e47c3a7af2568c53d931.js></script><script type=text/javascript src=./static/js/app.596c5161a8685853f35d.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>EParty</title><link href=./static/css/app.a7027f24fba4c93a54ba8f45ce999cce.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.12b65c1f50e0186dd023.js></script><script type=text/javascript src=./static/js/vendor.e47c3a7af2568c53d931.js></script><script type=text/javascript src=./static/js/app.b90cc115f32252420cc9.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

View File

@@ -0,0 +1,2 @@
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,s=0,l=[];s<r.length;s++)u=r[s],t[u]&&l.push(t[u][0]),t[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(r,c,a);l.length;)l.shift()();if(a)for(s=0;s<a.length;s++)f=o(o.s=a[s]);return f};var r={},t={8: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],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"7c6b39669fffb95056bf",1:"1ef3e89183747114288c",2:"a4825d6c0c7642635a4a",3:"03323cbf9a44eb718491",4:"44c137ced9418b3caaef",5:"5c89d5ac1b7c36e8da02"}[e]+".js";var i=setTimeout(u,12e4);function u(){a.onerror=a.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=u,c.appendChild(a),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.12b65c1f50e0186dd023.js.map

View File

@@ -113,14 +113,8 @@
var localLang = window.lang;
$('.text1').text(langReplace(localLang.boom.text1));
// getQueryString().partitionId == 2 ? $('.box').html(langReplace(localLang.boom.text2)) : $('.box').html(langReplace(localLang.boom.text3));
$('.box').html(langReplace(localLang.boom.text2))
if(getQueryString().partitionId == 2){
$('.box').html(langReplace(localLang.boom.text2))
}else if(getQueryString().partitionId == 16){
$('.box').html(langReplace(localLang.boom.text4))
}else{
$('.box').html(langReplace(localLang.boom.text3));
}
}
</script>

View File

@@ -2368,33 +2368,22 @@ langAr = {
boom: {
text1: `قواعد النشاط`,
text2: `
<h3>1. يتم زيادة قيمة الـ BOOM في الغرفة من خلال إرسال الهدايا. 1 هدية عادية = 1 قيمة BOOM؛ 20 هدية حظ = 1 قيمة BOOM.</h3>
<h3>2. عندما تصل قيمة الـ BOOM إلى 100%، سيتم تفعيل الجائزة الكبرى BOOM ويمكن للمستخدمين في الغرفة الحصول على مكافآت.</h3>
<h3>3. المستخدم الذي يساهم بترتيب التبرعات ويقوم بتفعيل الـ BOOM سيحصل على الجائزة الكبرى لهذا المستوى، وسيحصل المستخدمون الآخرون في الغرفة على جوائز عشوائية.</h3>
<h3>4. في كل مرة يتم فيها تفعيل الـ BOOM، يكون لدى مالك الغرفة فرصة للحصول على مكافأة بالعملات الذهبية.</h3>
<h3>5. كلما زاد مستوى الـ BOOM، زادت المكافآت التي تحصل عليها.</h3>
<h3>6. يتم تحديث قيمة الـ BOOM يوميًا في الساعة 00:00 (GMT+3).</h3>
<h3>7. يحتفظ هذا النظام بحق التفسير النهائي لهذا النشاط.</h3>
<h3>1. تراكم قيمة Boom: يزيد المستخدمون من قيمة Boom في الغرفة من خلال إرسال الهدايا إلى الغرفة.</h3>
<h3>2.تفعيل Boom: يتم تفعيل "Boom" عندما تصل قيمة Boom في غرفة واحدة إلى الحد المحدد (أي عندما يصل شريط التقدم إلى 100%).</h3>
<h3>3. آلية توزيع المكافآت: بعد تفعيل حدث Boom، يقوم النظام بتوزيع المكافآت على المستخدمين المؤهلين وفقًا للقواعد التالية:
<br />
&nbsp&nbsp 1. مكافأة ترتيب المساهمة: المستخدمون المتصدرون للمراكز الثلاثة الأولى في لوحة المتصدرين للمساهمة في الغرفة في لحظة تفعيل Boom يحصلون بشكل مؤكد على المكافآت المقابلة.
<br />
&nbsp&nbsp 2. مكافأة المستخدم المفعل: المستخدم الذي تسبب مباشرة في وصول قيمة Boom إلى 100% (أي المفعل) يحصل عشوائيًا على مكافأة.
<br />
&nbsp&nbsp 3. مكافأة مالك الغرفة: لمالك الغرفة التي يحدث فيها حدث Boom فرصة للحصول على جائزة خاصة في كل مرة.
<br />
&nbsp&nbsp 4. مكافأة الإسقاط العشوائي: في لحظة تفعيل Boom، جميع المستخدمين المتصلين بالإنترنت الحاضرين في الغرفة مؤهلون للحصول على مكافآت تُسقط عشوائيًا.
</h3>
<h3>4.مستوى Boom: عدد مرات تفعيل Boom في الغرفة يتراكم لرفع مستوى Boom. كلما ارتفع مستوى Boom، زادت قيمة مجموعة المكافآت المقابلة.</h3>
<h3>5. آلية الإعادة: يتم إعادة تعيين شريط تقدم قيمة Boom لكل غرفة إلى الصفر يوميًا في الساعة 00:00.</h3>
<h3>6. حق التفسير النهائي: تحتفظ المنصة بالحق النهائي في تفسير قواعد هذه الفعالية.</h3>
`,
text3: `
<h3>1. يتم زيادة قيمة الـ BOOM في الغرفة من خلال إرسال الهدايا. 1 هدية عادية = 1 قيمة BOOM؛ 50 هدية حظ = 2 قيمة BOOM.</h3>
<h3>2. عندما تصل قيمة الـ BOOM إلى 100%، سيتم تفعيل الجائزة الكبرى BOOM ويمكن للمستخدمين في الغرفة الحصول على مكافآت.</h3>
<h3>3. المستخدم الذي يساهم بترتيب التبرعات ويقوم بتفعيل الـ BOOM سيحصل على الجائزة الكبرى لهذا المستوى، وسيحصل المستخدمون الآخرون في الغرفة على جوائز عشوائية.</h3>
<h3>4. في كل مرة يتم فيها تفعيل الـ BOOM، يكون لدى مالك الغرفة فرصة للحصول على مكافأة بالعملات الذهبية.</h3>
<h3>5. كلما زاد مستوى الـ BOOM، زادت المكافآت التي تحصل عليها.</h3>
<h3>6. يتم تحديث قيمة الـ BOOM يوميًا في الساعة 00:00 (GMT+3).</h3>
<h3>7. يحتفظ هذا النظام بحق التفسير النهائي لهذا النشاط.</h3>
`,
// 英语2区
text4:`
<h3>1. Increase the BOOM value of the room by giving gifts. 10 coin normal gift = 8 BOOM value; 50 coins lucky gift = 2BOOM value.</h3>
<h3>2. When the BOOM value reaches 100%, the super prize BOOM will be triggered, and users in the room can get rewards.</h3>
<h3>3. Users who contribute to the rankings and trigger BOOM will receive super prizes of that level, while other users in the room will receive prizes randomly.</h3>
<h3>4. Every time BOOM is triggered, the homeowner has the opportunity to receive coin rewards.</h3>
<h3>5. The higher the BOOM level, the richer the rewards you will get.</h3>
<h3>6. BOOM value is updated every day at 0:00 (GMT+8)</h3>
<h3>7. Our platform has the final right to interpret this activity.</h3>
`
},
newWishingWellRule: {
layerIndex1: `جارٍ التحميل...`,

View File

@@ -2377,33 +2377,22 @@ langEn = {
boom: {
text1: `Event Rules`,
text2: `
<h3>1. Increase the BOOM value in the room by sending gifts. 1 coin regular gift = 1 BOOM value; 20 coin lucky gift = 1 BOOM value.</h3>
<h3>2. When the BOOM value reaches 100%, the super jackpot BOOM will be triggered, and users in the room can win rewards.</h3>
<h3>3. The user who contributes the most and triggers the BOOM will receive the super prize for that level, and other users in the room will randomly receive prizes.</h3>
<h3>4. Each time the BOOM is triggered, the room owner has a chance to receive a coin reward.</h3>
<h3>5. The higher the BOOM level, the richer the rewards.</h3>
<h3>6. BOOM value is reset daily at 00:00 (GMT+3).</h3>
<h3>7. The platform reserves the final right of interpretation for this event.</h3>
<h3>1. Boom Value Accumulation: Users increase the room's Boom value by sending gifts to the room.</h3>
<h3>2.Boom Trigger: A "Boom" is triggered when the Boom value in a single room reaches the set limit (i.e., the progress bar reaches 100%).</h3>
<h3>3. Reward Distribution Mechanism: After a Boom event is triggered, the system will distribute rewards to eligible users according to the following rules:
<br />
&nbsp&nbsp 1. Contribution Ranking Reward: Users ranked in the top 3 on the room's contribution leaderboard at the time of the Boom trigger will securely receive corresponding rewards.
<br />
&nbsp&nbsp 2. Triggering User Reward: The user who directly caused the Boom value to reach 100% (i.e., the triggerer) will randomly receive a reward.
<br />
&nbsp&nbsp 3. Room Owner Reward: The owner of the room where the Boom event occurs has a chance to receive a special prize each time.
<br />
&nbsp&nbsp 4. Random Drop Reward: At the moment the Boom is triggered, all online users present in the room are eligible to receive randomly dropped rewards.
</h3>
<h3>4.Boom Level: The number of times a Boom has been triggered in a room accumulates to increase the Boom Level. The higher the Boom Level, the greater the value of the corresponding reward pool.</h3>
<h3>5. Reset Mechanism: The Boom value progress bar for each room will be reset to zero daily at 00:00.</h3>
<h3>6. Final Interpretation Right: The platform reserves the final right to interpret these event rules.</h3>
`,
text3: `
<h3>1. Increase the BOOM value in the room by sending gifts. 1 coin regular gift = 1 BOOM value; 50 coin lucky gift = 2 BOOM value.</h3>
<h3>2. When the BOOM value reaches 100%, the super jackpot BOOM will be triggered, and users in the room can win rewards.</h3>
<h3>3. The user who contributes the most and triggers the BOOM will receive the super prize for that level, and other users in the room will randomly receive prizes.</h3>
<h3>4. Each time the BOOM is triggered, the room owner has a chance to receive a coin reward.</h3>
<h3>5. The higher the BOOM level, the richer the rewards.</h3>
<h3>6. BOOM value is reset daily at 00:00 (GMT+3).</h3>
<h3>7. The platform reserves the final right of interpretation for this event.</h3>
`,
// 英语2区
text4:`
<h3>1. Increase the BOOM value of the room by giving gifts. 10 coin normal gift = 8 BOOM value; 50 coins lucky gift = 2BOOM value.</h3>
<h3>2. When the BOOM value reaches 100%, the super prize BOOM will be triggered, and users in the room can get rewards.</h3>
<h3>3. Users who contribute to the rankings and trigger BOOM will receive super prizes of that level, while other users in the room will receive prizes randomly.</h3>
<h3>4. Every time BOOM is triggered, the homeowner has the opportunity to receive coin rewards.</h3>
<h3>5. The higher the BOOM level, the richer the rewards you will get.</h3>
<h3>6. BOOM value is updated every day at 0:00 (GMT+8)</h3>
<h3>7. Our platform has the final right to interpret this activity.</h3>
`
},
newWishingWellRule: {
layerIndex1: `Loading...`,

View File

@@ -1,5 +1,5 @@
// 英文
langEn = {
langTr = {
// 模块
demoModule: {
// ==========================================sdk==================================
@@ -2375,35 +2375,24 @@ langEn = {
},
// ===============================================Boom======================================
boom: {
text1: `Event Rules`,
text1: `Etkinlik Kuralları`,
text2: `
<h3>1. Increase the BOOM value in the room by sending gifts. 1 coin regular gift = 1 BOOM value; 20 coin lucky gift = 1 BOOM value.</h3>
<h3>2. When the BOOM value reaches 100%, the super jackpot BOOM will be triggered, and users in the room can win rewards.</h3>
<h3>3. The user who contributes the most and triggers the BOOM will receive the super prize for that level, and other users in the room will randomly receive prizes.</h3>
<h3>4. Each time the BOOM is triggered, the room owner has a chance to receive a coin reward.</h3>
<h3>5. The higher the BOOM level, the richer the rewards.</h3>
<h3>6. BOOM value is reset daily at 00:00 (GMT+3).</h3>
<h3>7. The platform reserves the final right of interpretation for this event.</h3>
<h3>1. Boom Değeri Birikimi: Kullanıcılar, odaya hediye göndererek odanın Boom değerini artırır.</h3>
<h3>2. Boom Tetikleme: Tek bir odadaki Boom değeri belirlenmiş limite ulaştığında (yani ilerleme çubuğu %100'e ulaştığında) bir "Boom" tetiklenir.</h3>
<h3>3. Ödül Dağıtım Mekanizması: Bir Boom etkinliği tetiklendikten sonra, sistem aşağıdaki kurallara göre uygun kullanıcılara ödülleri dağıtır:
<br />
&nbsp&nbsp 1. Katkı Sıralaması Ödülü: Boom tetiklendiği anda odanın katkı liderlik tablosunda ilk 3 sırada yer alan kullanıcılar, güvence altına alınmış şekilde karşılık gelen ödülleri alır.
<br />
&nbsp&nbsp 2. Tetikleyen Kullanıcı Ödülü: Boom değerinin %100'e ulaşmasına doğrudan neden olan kullanıcı (yani tetikleyici) rastgele bir ödül alır.
<br />
&nbsp&nbsp 3. Oda Sahibi Ödülü: Boom etkinliğinin gerçekleştiği odanın sahibi, her seferinde özel bir ödül alma şansına sahiptir.
<br />
&nbsp&nbsp 4. Rastgele Düşme Ödülü: Boom tetiklendiği anda, odada bulunan tüm çevrimiçi kullanıcılar, rastgele düşen ödüller alma hakkına sahiptir.
</h3>
<h3>4. Boom Seviyesi: Bir odada tetiklenen Boom sayısı birikerek Boom Seviyesini yükseltir. Boom Seviyesi ne kadar yüksek olursa, karşılık gelen ödül havuzunun değeri de o kadar artar.</h3>
<h3>5. Sıfırlama Mekanizması: Her odanın Boom değeri ilerleme çubuğu, her gün 00:00'da sıfırlanır.</h3>
<h3>6. Nihai Yorum Hakkı: Platform, bu etkinlik kurallarını yorumlama konusunda nihai hakka sahiptir.</h3>
`,
text3: `
<h3>1. Increase the BOOM value in the room by sending gifts. 1 coin regular gift = 1 BOOM value; 50 coin lucky gift = 2 BOOM value.</h3>
<h3>2. When the BOOM value reaches 100%, the super jackpot BOOM will be triggered, and users in the room can win rewards.</h3>
<h3>3. The user who contributes the most and triggers the BOOM will receive the super prize for that level, and other users in the room will randomly receive prizes.</h3>
<h3>4. Each time the BOOM is triggered, the room owner has a chance to receive a coin reward.</h3>
<h3>5. The higher the BOOM level, the richer the rewards.</h3>
<h3>6. BOOM value is reset daily at 00:00 (GMT+3).</h3>
<h3>7. The platform reserves the final right of interpretation for this event.</h3>
`,
// 英语2区
text4:`
<h3>1. Increase the BOOM value of the room by giving gifts. 10 coin normal gift = 8 BOOM value; 50 coins lucky gift = 2BOOM value.</h3>
<h3>2. When the BOOM value reaches 100%, the super prize BOOM will be triggered, and users in the room can get rewards.</h3>
<h3>3. Users who contribute to the rankings and trigger BOOM will receive super prizes of that level, while other users in the room will receive prizes randomly.</h3>
<h3>4. Every time BOOM is triggered, the homeowner has the opportunity to receive coin rewards.</h3>
<h3>5. The higher the BOOM level, the richer the rewards you will get.</h3>
<h3>6. BOOM value is updated every day at 0:00 (GMT+8)</h3>
<h3>7. Our platform has the final right to interpret this activity.</h3>
`
},
newWishingWellRule: {
layerIndex1: `Loading...`,

View File

@@ -2369,34 +2369,22 @@ langZh = {
boom: {
text1: `活動規則`,
text2: `
<h3>1. 透過贈送禮物來增加房間的BOOM值。1金幣普通禮物=1 BOOM值20金幣幸運禮物=1BOOM價值。</h3>
<h3>2. 當BOOM值達到100%時,將觸發超級大獎BOOM房間內的使用者可以獲得獎勵。</h3>
<h3>3. 貢獻排名並觸發BOOM的用戶將獲得該級別的超級獎品房間內的其他用戶將隨機獲得獎品。</h3>
<h3>4. 每次觸發BOOM房主都有機會獲得金幣獎勵。</h3>
<h3>5. BOOM等級越高獲得的獎勵越豐富。</h3>
<h3>6. BOOM值每天0:00GMT+3更新。</h3>
<h3>7. 本平台擁有本活動最終解釋權。</h3>
<h3>1. Boom值累積用戶透過向房間贈送禮物的行為為該房間增加Boom值。</h3>
<h3>2. Boom觸發當單一房間內Boom值累積至額定上限即進度條達100%時,將觸發一次「Boom」。</h3>
<h3>3. 獎勵發放機制Boom事件觸發後系統將依據以下規則向符合條件的用戶發放獎勵
<br />
&nbsp&nbsp 1 貢獻排名獎勵截至Boom觸發時在本房間貢獻榜排名前3的用戶將固定獲得對應獎勵。
<br />
&nbsp&nbsp 2 觸發用戶獎勵直接導致本次Boom值達到100%的用戶(即觸發者),將隨機獲得一份獎勵。
<br />
&nbsp&nbsp 3 房主獎勵發生Boom事件的房間房主每次均有概率獲得一份特別獎品。
<br />
&nbsp&nbsp 4 隨機掉落獎勵Boom觸發瞬間所有處於該房間內的線上用戶均擁有透過隨機掉落獲得獎勵的資格。
</h3>
<h3>4. Boom等級房間累計觸發Boom的次數將提升Boom等級。Boom等級越高其對應的獎池價值也相應提升。</h3>
<h3>5. 重置機制每個房間的Boom值進度條將於每日0:00進行清零重置。</h3>
<h3>6. 最終解釋權:本平台對本次活動規則擁有最終解釋權。</h3>
`,//阿拉伯
text3: `
<h3>1. 透過贈送禮物來增加房間的BOOM值。1金幣普通禮物=1 BOOM值50金幣幸運禮物=2BOOM價值。</h3>
<h3>2. 當BOOM值達到100%時將觸發超級大獎BOOM房間內的使用者可以獲得獎勵。</h3>
<h3>3. 貢獻排名並觸發BOOM的用戶將獲得該級別的超級獎品房間內的其他用戶將隨機獲得獎品。</h3>
<h3>4. 每次觸發BOOM房主都有機會獲得金幣獎勵。</h3>
<h3>5. BOOM等級越高獲得的獎勵越豐富。</h3>
<h3>6. BOOM值每天0:00GMT+3更新。</h3>
<h3>7. 本平台擁有本活動最終解釋權。</h3>
`,//英语区
// 英语2区
text4:`
<h3>1. 透過贈送禮物來增加房間的BOOM值。 10金幣普通禮物=8BOOM值 50金幣幸運禮物=2BOOM價值。</h3>
<h3>2. 當BOOM值達到100%時將觸發超級大獎BOOM房間內的使用者可以獲得獎勵。</h3>
<h3>3. 貢獻排名並觸發BOOM的用戶將獲得該級別的超級獎品房間內的其他用戶將隨機獲得獎品。</h3>
<h3>4. 每次觸發BOOM房主都有機會獲得金幣獎勵。</h3>
<h3>5. BOOM等級越高獲得的獎勵越豐富。</h3>
<h3>6. BOOM值每天0:00GMT+8更新。</h3>
<h3>7. 本平台擁有本活動最終解釋權。</h3>
`
},
newWishingWellRule: {
layerIndex1: `加载中...`,

View File

@@ -23,6 +23,7 @@ const ar = {
Sub_List:'قائمة وكلاء إعادة الشحن الفرعيين',
Transfer_days:'التحويل خلال الثلاثين يومًا الماضية',
Settlement:'مستعمرة:',
Coins_balance:'توازن العملات',
}
}

View File

@@ -23,6 +23,7 @@ const en = {
Sub_List:'Sub Recharge Agent List',
Transfer_days:'Transfer Past 30 days',
Settlement:'Settlement:',
Coins_balance:'Coins balance',
}
}

View File

@@ -22,7 +22,9 @@ const pt = {
Total_Settlement: 'Valor Total em ÜS',
Sub_List: 'Lista de Sub Agentes',
Transfer_days: 'Transferências (últimos 30 dias)',
Settlement: 'Liquidação:'
Settlement: 'Liquidação:',
Coins_balance:'Equilíbrio de Moedas',
}
}
export default pt

View File

@@ -23,6 +23,7 @@ const tr = {
Sub_List:'Alt Yükleme Temsilcisi Listesi',
Transfer_days:'Geçmiş 30 gün içindeki transfer',
Settlement:'Yerleşim:',
Coins_balance:'Madeni Para Dengesi',
}

View File

@@ -23,6 +23,7 @@ const zh = {
Sub_List:'子代理列表',
Transfer_days:'近30天轉贈',
Settlement:'結算:',
Coins_balance:'金币余额',
}
}
export default zh

View File

@@ -1,5 +1,5 @@
<template>
<div :class="[{ 'arabic': isArabic }]">
<div :class="[{ arabic: isArabic }]">
<navigation
v-if="!this.$store.state.isApp"
:title="this.$t(`myTransfer.My_Transfer`)"
@@ -9,7 +9,7 @@
<van-search
:placeholder="this.$t(`myTransfer.Search_ID`)"
shape="round"
:input-align="isArabic?'right' : 'left'"
:input-align="isArabic ? 'right' : 'left'"
v-model="erbanNo"
@search="onSearch"
@input="validateInput"
@@ -40,6 +40,13 @@
</div>
</div>
</div>
<div class="my_coins">
<p class="txt">{{ this.$t(`myTransfer.Coins_balance`) }}</p>
<p class="num">
{{ purseData.diamonds }}
<img src="../assets/img/coins.png" alt="" />
</p>
</div>
<template v-if="userInfo.partitionId != 2">
<div class="coins_txt">{{ this.$t(`myTransfer.Transfer_Coins`) }}</div>
<div class="gold_num">
@@ -118,7 +125,12 @@
</template>
<script>
import { gitGiveRecordList, getUserInfo, searchUser } from "@/api/index";
import {
gitGiveRecordList,
getUserInfo,
searchUser,
getpurse
} from "@/api/index";
import navigation from "@/components/navigation.vue";
import "@/assets/css/vant.css";
import { Dialog } from "vant";
@@ -134,12 +146,13 @@ export default {
pageSize: 10,
recentList: [],
erbanNo: "",
lock: false
lock: false,
purseData: {}
};
},
computed: {
isArabic() {
return this.$i18n.locale === 'ar'; // 判断是否为阿拉伯语环境
return this.$i18n.locale === "ar"; // 判断是否为阿拉伯语环境
}
},
beforeCreate() {
@@ -156,14 +169,22 @@ export default {
}
});
this.getGiveRecordList();
this.getpurse();
},
methods: {
getpurse() {
getpurse().then(res => {
if (res.data.code == 200) {
this.purseData = res.data.data;
}
});
},
getGiveRecordList() {
if (this.lock) return;
const { pageNum, pageSize } = this;
gitGiveRecordList({ pageNum, pageSize }).then(res => {
if (res.data.code == 200) {
this.recentList = [...this.recentList,...res.data.data];
this.recentList = [...this.recentList, ...res.data.data];
if (res.data.data.length < 10) {
this.lock = true;
} else {
@@ -180,7 +201,7 @@ export default {
theme: "round-button",
messageAlign: "left",
confirmButtonColor: "#FCC074",
confirmButtonText:this.$t(`myTransfer.Confirm`),
confirmButtonText: this.$t(`myTransfer.Confirm`)
}).then(() => {
// on close
});
@@ -253,7 +274,7 @@ export default {
}
.right {
margin:0 10px;
margin: 0 10px;
.nickname {
font-family: PingFang SC, PingFang SC;
@@ -283,11 +304,39 @@ export default {
.tip {
width: 20px;
height: 20px;
margin:0 6px;
margin: 0 6px;
}
}
}
}
.my_coins {
padding: 0 12px;
margin-top: 10px;
.txt {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 14px;
color: #313131;
font-style: normal;
text-transform: none;
}
.num {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 24px;
color: #ff8c03;
font-style: normal;
text-transform: none;
margin-top: 6px;
display: flex;
align-items: center;
img {
width: 28px;
height: 28px;
margin: 0 3px;
}
}
}
.coins_txt {
font-family: PingFang SC, PingFang SC;
@@ -447,7 +496,7 @@ export default {
}
.info {
margin:0 10px;
margin: 0 10px;
.targetNick {
font-family: PingFang SC, PingFang SC;
@@ -506,22 +555,23 @@ export default {
justify-content: center;
align-items: center;
padding: 6px 8px;
margin:0 10px;
margin: 0 10px;
min-width: 50px;
}
}
}
}
}
.arabic{
.user_info .gold_num .right img , .user_info .sub_num .right img{
.arabic {
.user_info .gold_num .right img,
.user_info .sub_num .right img {
transform: rotate(180deg) !important;
}
.van-field__left-icon{
margin-left: 4px !important;
}
.recent_list .wrap .wrap_box .operation{
.van-field__left-icon {
margin-left: 4px !important;
}
.recent_list .wrap .wrap_box .operation {
margin-left: 0;
margin-right: auto;
}