Compare commits
9 Commits
currentlyD
...
master
Author | SHA1 | Date | |
---|---|---|---|
2efb0c81a9 | |||
6e29a67404 | |||
8a9c626f90 | |||
d23ace7517 | |||
22284676e7 | |||
4e46dc98a0 | |||
b1212e985e | |||
c0edb4ca8b | |||
1b8caf0eaf |
@@ -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;
|
||||
}
|
After Width: | Height: | Size: 25 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 8.1 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 276 KiB |
After Width: | Height: | Size: 812 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 247 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 89 KiB |
After Width: | Height: | Size: 63 KiB |
After Width: | Height: | Size: 65 KiB |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 730 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 1.9 KiB |
@@ -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>
|
@@ -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;
|
||||
}
|
||||
|
@@ -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: `في انتظار`,
|
||||
}
|
||||
|
||||
}
|
@@ -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',
|
||||
},
|
||||
}
|
@@ -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',
|
||||
},
|
||||
|
||||
|
||||
}
|
@@ -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',
|
||||
},
|
||||
|
||||
}
|
@@ -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%;
|
||||
}
|
@@ -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%;
|
||||
}
|
||||
}
|
BIN
view/eparty/activity/monthlyRecharge/images/header-en.png
Normal file
After Width: | Height: | Size: 502 KiB |
Before Width: | Height: | Size: 359 KiB After Width: | Height: | Size: 502 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge10000-en.png
Normal file
After Width: | Height: | Size: 384 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge10000-tr.png
Normal file
After Width: | Height: | Size: 119 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge20000-en.png
Normal file
After Width: | Height: | Size: 404 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge20000-tr.png
Normal file
After Width: | Height: | Size: 128 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge3000-en.png
Normal file
After Width: | Height: | Size: 296 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge3000-tr.png
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge5000-en.png
Normal file
After Width: | Height: | Size: 336 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge5000-tr.png
Normal file
After Width: | Height: | Size: 107 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge8000-en.png
Normal file
After Width: | Height: | Size: 376 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge8000-tr.png
Normal file
After Width: | Height: | Size: 119 KiB |
@@ -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%;
|
||||
|
@@ -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%;
|
||||
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.7 KiB |
@@ -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');
|
||||
|
@@ -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)
|
||||
|
@@ -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`,
|
||||
},
|
||||
}
|
||||
}
|
@@ -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>
|
@@ -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
|
@@ -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>
|
@@ -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 />
|
||||
   1. مكافأة ترتيب المساهمة: المستخدمون المتصدرون للمراكز الثلاثة الأولى في لوحة المتصدرين للمساهمة في الغرفة في لحظة تفعيل Boom يحصلون بشكل مؤكد على المكافآت المقابلة.
|
||||
<br />
|
||||
   2. مكافأة المستخدم المفعل: المستخدم الذي تسبب مباشرة في وصول قيمة Boom إلى 100% (أي المفعل) يحصل عشوائيًا على مكافأة.
|
||||
<br />
|
||||
   3. مكافأة مالك الغرفة: لمالك الغرفة التي يحدث فيها حدث Boom فرصة للحصول على جائزة خاصة في كل مرة.
|
||||
<br />
|
||||
   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: `جارٍ التحميل...`,
|
||||
|
@@ -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 />
|
||||
   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 />
|
||||
   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 />
|
||||
   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 />
|
||||
   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...`,
|
||||
|
@@ -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 />
|
||||
   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 />
|
||||
   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 />
|
||||
   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 />
|
||||
   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...`,
|
||||
|
@@ -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:00(GMT+3)更新。</h3>
|
||||
<h3>7. 本平台擁有本活動最終解釋權。</h3>
|
||||
<h3>1. Boom值累積:用戶透過向房間贈送禮物的行為,為該房間增加Boom值。</h3>
|
||||
<h3>2. Boom觸發:當單一房間內Boom值累積至額定上限(即進度條達100%)時,將觸發一次「Boom」。</h3>
|
||||
<h3>3. 獎勵發放機制:Boom事件觸發後,系統將依據以下規則向符合條件的用戶發放獎勵:
|
||||
<br />
|
||||
   1 貢獻排名獎勵:截至Boom觸發時,在本房間貢獻榜排名前3的用戶,將固定獲得對應獎勵。
|
||||
<br />
|
||||
   2 觸發用戶獎勵:直接導致本次Boom值達到100%的用戶(即觸發者),將隨機獲得一份獎勵。
|
||||
<br />
|
||||
   3 房主獎勵:發生Boom事件的房間房主,每次均有概率獲得一份特別獎品。
|
||||
<br />
|
||||
   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:00(GMT+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:00(GMT+8)更新。</h3>
|
||||
<h3>7. 本平台擁有本活動最終解釋權。</h3>
|
||||
`
|
||||
},
|
||||
newWishingWellRule: {
|
||||
layerIndex1: `加载中...`,
|
||||
|
@@ -23,6 +23,7 @@ const ar = {
|
||||
Sub_List:'قائمة وكلاء إعادة الشحن الفرعيين',
|
||||
Transfer_days:'التحويل خلال الثلاثين يومًا الماضية',
|
||||
Settlement:'مستعمرة:',
|
||||
Coins_balance:'توازن العملات',
|
||||
|
||||
}
|
||||
}
|
||||
|
@@ -23,6 +23,7 @@ const en = {
|
||||
Sub_List:'Sub Recharge Agent List',
|
||||
Transfer_days:'Transfer Past 30 days',
|
||||
Settlement:'Settlement:',
|
||||
Coins_balance:'Coins balance',
|
||||
|
||||
}
|
||||
}
|
||||
|
@@ -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
|
@@ -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',
|
||||
|
||||
}
|
||||
|
||||
|
@@ -23,6 +23,7 @@ const zh = {
|
||||
Sub_List:'子代理列表',
|
||||
Transfer_days:'近30天轉贈',
|
||||
Settlement:'結算:',
|
||||
Coins_balance:'金币余额',
|
||||
}
|
||||
}
|
||||
export default zh
|
||||
|
@@ -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;
|
||||
}
|
||||
|