Compare commits
6 Commits
master
...
currentlyD
| Author | SHA1 | Date | |
|---|---|---|---|
| 865a37433a | |||
| b377d41c1f | |||
| d8e4c13e33 | |||
| 1dddd03d00 | |||
| f953e542de | |||
| 7d7f0dcfe3 |
892
view/molistar/activity/2025-Holloween/css/index.css
Normal file
892
view/molistar/activity/2025-Holloween/css/index.css
Normal file
@@ -0,0 +1,892 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #0A102B;
|
||||
}
|
||||
|
||||
.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: #0A102B;
|
||||
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;
|
||||
}
|
||||
1003
view/molistar/activity/2025-Holloween/css/index.scss
Normal file
1003
view/molistar/activity/2025-Holloween/css/index.scss
Normal file
File diff suppressed because it is too large
Load Diff
BIN
view/molistar/activity/2025-Holloween/images/actTab.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/actTab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
view/molistar/activity/2025-Holloween/images/bo.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/bo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/activity/2025-Holloween/images/bottomBg.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/bottomBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
view/molistar/activity/2025-Holloween/images/box.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/box.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
view/molistar/activity/2025-Holloween/images/close.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
view/molistar/activity/2025-Holloween/images/contentBg.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/contentBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
view/molistar/activity/2025-Holloween/images/giftBox.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/giftBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
BIN
view/molistar/activity/2025-Holloween/images/header.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 677 KiB |
BIN
view/molistar/activity/2025-Holloween/images/li_bg.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/li_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/molistar/activity/2025-Holloween/images/logo.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
view/molistar/activity/2025-Holloween/images/rewardBg.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/rewardBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 939 KiB |
BIN
view/molistar/activity/2025-Holloween/images/ruleTitle.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/ruleTitle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
BIN
view/molistar/activity/2025-Holloween/images/rule_icon.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/rule_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
view/molistar/activity/2025-Holloween/images/sGiftBox.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/sGiftBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
view/molistar/activity/2025-Holloween/images/score_bg.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/score_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
view/molistar/activity/2025-Holloween/images/tab.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/tab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
view/molistar/activity/2025-Holloween/images/timeBox.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/timeBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/molistar/activity/2025-Holloween/images/timeBox_in.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/timeBox_in.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
view/molistar/activity/2025-Holloween/images/time_bg.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/time_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
view/molistar/activity/2025-Holloween/images/title.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
view/molistar/activity/2025-Holloween/images/top1.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/top1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
view/molistar/activity/2025-Holloween/images/top2.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/top2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
view/molistar/activity/2025-Holloween/images/top3.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/top3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
view/molistar/activity/2025-Holloween/images/topBg.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/topBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 726 KiB |
BIN
view/molistar/activity/2025-Holloween/images/travel/back.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/activity/2025-Holloween/images/travel/backB.png
Normal file
BIN
view/molistar/activity/2025-Holloween/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
209
view/molistar/activity/2025-Holloween/index.html
Normal file
209
view/molistar/activity/2025-Holloween/index.html
Normal 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>
|
||||
276
view/molistar/activity/2025-Holloween/js/index.js
Normal file
276
view/molistar/activity/2025-Holloween/js/index.js
Normal 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: "2025Holloween" },
|
||||
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;
|
||||
}
|
||||
|
||||
30
view/molistar/activity/2025-Holloween/local/ar.js
Normal file
30
view/molistar/activity/2025-Holloween/local/ar.js
Normal 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: `في انتظار`,
|
||||
}
|
||||
|
||||
}
|
||||
27
view/molistar/activity/2025-Holloween/local/en.js
Normal file
27
view/molistar/activity/2025-Holloween/local/en.js
Normal 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',
|
||||
},
|
||||
}
|
||||
29
view/molistar/activity/2025-Holloween/local/tr.js
Normal file
29
view/molistar/activity/2025-Holloween/local/tr.js
Normal 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',
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
30
view/molistar/activity/2025-Holloween/local/zh.js
Normal file
30
view/molistar/activity/2025-Holloween/local/zh.js
Normal 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',
|
||||
},
|
||||
|
||||
}
|
||||
@@ -347,7 +347,7 @@ function checkVersion() {
|
||||
weixin: u.indexOf('MicroMessenger') > -1, //是否微信
|
||||
qq: u.match(/\sQQ/i) == " qq", //是否QQ
|
||||
molistar: u.match('molistarApp'),
|
||||
app: u.match('molistarApp') //是否在app内
|
||||
app: u.match('molistarApp') || u.match('MoliParty'), //是否在app内
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@charset "UTF-8";
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.5866666667rem;
|
||||
@@ -30,7 +31,7 @@
|
||||
}
|
||||
|
||||
.data_time {
|
||||
margin: 2.4rem 0.4266666667rem 0;
|
||||
margin: 0.4rem 0.4266666667rem 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.32rem;
|
||||
padding: 0.2666666667rem 0.24rem;
|
||||
@@ -90,10 +91,138 @@
|
||||
margin-top: 0.1066666667rem;
|
||||
}
|
||||
|
||||
.salary_box {
|
||||
background: #EBFFF6;
|
||||
border-radius: 0.2133333333rem;
|
||||
margin: 0.3733333333rem 0.4266666667rem 0;
|
||||
padding: 0.24rem;
|
||||
}
|
||||
.salary_box .title_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.salary_box .xian {
|
||||
height: 0.0266666667rem;
|
||||
background: #E4E4E4;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
.salary_box .Current_box {
|
||||
margin-top: 0.24rem;
|
||||
/* 进度条样式 */
|
||||
}
|
||||
.salary_box .Current_box span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.salary_box .Current_box .progress_box {
|
||||
height: 0.1333333333rem;
|
||||
background-color: #B2E8D0;
|
||||
overflow: hidden;
|
||||
border-radius: 6.6933333333rem;
|
||||
margin: 0.1066666667rem 0;
|
||||
}
|
||||
.salary_box .Current_box .progress_box .progress_bar {
|
||||
width: 100%;
|
||||
background: #04D5C6;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
height: 0.1333333333rem;
|
||||
border-radius: 6.6933333333rem;
|
||||
}
|
||||
.salary_box .Valid_box {
|
||||
margin-top: 0.2933333333rem;
|
||||
/* 进度条样式 */
|
||||
}
|
||||
.salary_box .Valid_box span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.salary_box .Valid_box .progress_box {
|
||||
height: 0.1333333333rem;
|
||||
background-color: #B2E8D0;
|
||||
overflow: hidden;
|
||||
border-radius: 6.6933333333rem;
|
||||
margin: 0.1066666667rem 0;
|
||||
}
|
||||
.salary_box .Valid_box .progress_box .progress_bar {
|
||||
width: 100%;
|
||||
background: #04D5C6;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
height: 0.1333333333rem;
|
||||
border-radius: 6.6933333333rem;
|
||||
}
|
||||
|
||||
.salary_member_box {
|
||||
background: #EBFFF6;
|
||||
border-radius: 0.2133333333rem;
|
||||
margin: 0.3733333333rem 0.4266666667rem 0;
|
||||
padding: 0.24rem;
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
.salary_member_box .title_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.salary_member_box .txt_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #7B7B7D;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.1333333333rem;
|
||||
}
|
||||
.salary_member_box .txt_box img {
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
.salary_member_box .xian {
|
||||
height: 0.0266666667rem;
|
||||
background: #E4E4E4;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
.salary_member_box .Issue_amounts {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 0.2666666667rem 0px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 0.2133333333rem;
|
||||
padding: 0.24rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #313131;
|
||||
line-height: 0.48rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
position: absolute;
|
||||
top: 1.9733333333rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab_list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0.4rem 0.5333333333rem 0;
|
||||
margin: 2.4rem 0.5333333333rem 0;
|
||||
gap: 0.4533333333rem;
|
||||
}
|
||||
.tab_list .tab_box {
|
||||
@@ -112,24 +241,32 @@
|
||||
color: #3571FF;
|
||||
}
|
||||
|
||||
.data-table {
|
||||
.table-container {
|
||||
width: calc(100% - 0.8533333333rem);
|
||||
border-collapse: collapse;
|
||||
margin: 0.3733333333rem 0.4266666667rem;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
/* 隐藏滚动条 */
|
||||
}
|
||||
.table-container::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.data-table {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
border-collapse: collapse;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.data-table tr {
|
||||
display: flex;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.data-table th,
|
||||
.data-table td {
|
||||
padding: 0.4rem 0.1333333333rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.data-table th img,
|
||||
.data-table td img {
|
||||
@@ -204,6 +341,7 @@
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: 0.1333333333rem 0.2666666667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.data-table tbody tr:nth-child(even) {
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
}
|
||||
|
||||
.data_time {
|
||||
margin: px2rem(180) px2rem(32) 0;
|
||||
margin: px2rem(30) px2rem(32) 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(24);
|
||||
padding: px2rem(20) px2rem(18);
|
||||
@@ -108,10 +108,158 @@
|
||||
}
|
||||
}
|
||||
|
||||
.salary_box {
|
||||
background: #EBFFF6;
|
||||
border-radius: px2rem(16);
|
||||
margin: px2rem(28) px2rem(32) 0;
|
||||
padding: px2rem(18);
|
||||
|
||||
.title_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.xian {
|
||||
height: px2rem(2);
|
||||
background: #E4E4E4;
|
||||
margin-top: px2rem(18);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Current_box {
|
||||
margin-top: px2rem(18);
|
||||
|
||||
span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/* 进度条样式 */
|
||||
.progress_box {
|
||||
height: px2rem(10);
|
||||
background-color: #B2E8D0;
|
||||
overflow: hidden;
|
||||
border-radius: px2rem(502);
|
||||
margin: px2rem(8) 0;
|
||||
|
||||
.progress_bar {
|
||||
width: 100%;
|
||||
background: #04D5C6;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
height: px2rem(10);
|
||||
border-radius: px2rem(502);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Valid_box {
|
||||
margin-top: px2rem(22);
|
||||
|
||||
span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/* 进度条样式 */
|
||||
.progress_box {
|
||||
height: px2rem(10);
|
||||
background-color: #B2E8D0;
|
||||
overflow: hidden;
|
||||
border-radius: px2rem(502);
|
||||
margin: px2rem(8) 0;
|
||||
|
||||
.progress_bar {
|
||||
width: 100%;
|
||||
background: #04D5C6;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
height: px2rem(10);
|
||||
border-radius: px2rem(502);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.salary_member_box {
|
||||
background: #EBFFF6;
|
||||
border-radius: px2rem(16);
|
||||
margin: px2rem(28) px2rem(32) 0;
|
||||
padding: px2rem(18);
|
||||
position: relative;
|
||||
display: none;
|
||||
.title_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.txt_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #7B7B7D;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(10);
|
||||
|
||||
img {
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.xian {
|
||||
height: px2rem(2);
|
||||
background: #E4E4E4;
|
||||
margin-top: px2rem(18);
|
||||
}
|
||||
|
||||
.Issue_amounts {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px px2rem(20) 0px rgba(0, 0, 0, 0.3);
|
||||
border-radius: px2rem(16);
|
||||
padding: px2rem(18);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #313131;
|
||||
line-height: px2rem(36);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
position: absolute;
|
||||
top: px2rem(148);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tab_list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: px2rem(30) px2rem(40) 0;
|
||||
margin: px2rem(180) px2rem(40) 0;
|
||||
gap: px2rem(34);
|
||||
|
||||
.tab_box {
|
||||
@@ -131,15 +279,25 @@
|
||||
color: #3571FF;
|
||||
}
|
||||
}
|
||||
|
||||
.data-table {
|
||||
.table-container{
|
||||
width: calc(100% - #{px2rem(64)});
|
||||
margin: px2rem(28) px2rem(32);
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
/* 隐藏滚动条 */
|
||||
&::-webkit-scrollbar {
|
||||
display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
|
||||
}
|
||||
}
|
||||
.data-table {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: px2rem(28) px2rem(32);
|
||||
box-sizing: border-box;
|
||||
|
||||
tr {
|
||||
display: flex;
|
||||
// display: flex;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -153,15 +311,17 @@
|
||||
height: px2rem(36);
|
||||
}
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// flex: 1;
|
||||
vertical-align: middle;
|
||||
|
||||
.user_info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
.avatar {
|
||||
width: px2rem(60);
|
||||
height: px2rem(60);
|
||||
@@ -225,6 +385,7 @@
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: px2rem(10) px2rem(20);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.data-table tbody tr:nth-child(even) {
|
||||
@@ -259,6 +420,7 @@
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
// padding-bottom: px2rem(50);
|
||||
.title {
|
||||
width: 100%;
|
||||
@@ -290,6 +452,7 @@
|
||||
height: 6rem;
|
||||
margin-top: px2rem(120);
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1,44 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title class="Diamond_statistics"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/diamondStatistics.css">
|
||||
</head>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||
<link rel="stylesheet" href="./css/diamondStatistics.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="">
|
||||
<p class="Diamond_statistics"></p>
|
||||
</div>
|
||||
<div class="data_time">
|
||||
<div class="time_txt"> <span></span> <img src="./images/arrow_down.png" alt=""> </div>
|
||||
<div class="flex_box myData_info">
|
||||
<div class="box_content">
|
||||
<div class="number"> <span class="diamondNum"></span> <img src="./images/agencyDiamondIncomeDom.png" alt=""> </div>
|
||||
<div class="title Diamond_income"></div>
|
||||
</div>
|
||||
<div class="box_content">
|
||||
<div class="number"> <span class="micDay"></span></div>
|
||||
<div class="title Valid_days"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box memberData_info" style="display: none;">
|
||||
<div class="box_content">
|
||||
<div class="number"> <span class="diamondNum"></span> <img src="./images/agencyDiamondIncomeDom.png" alt=""> </div>
|
||||
<div class="title Agency_income"></div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="./images/travel/back3.png" alt="" />
|
||||
<p class="Diamond_statistics"></p>
|
||||
</div>
|
||||
<div class="tab_list">
|
||||
<div class="tab_box My_data active" contentType="1"></div>
|
||||
<div class="tab_box Member_data" contentType="2"></div>
|
||||
<div class="tab_box My_data active" contentType="1"></div>
|
||||
<div class="tab_box Member_data" contentType="2"></div>
|
||||
</div>
|
||||
<div class="data_time">
|
||||
<div class="time_txt">
|
||||
<span></span> <img src="./images/arrow_down.png" alt="" />
|
||||
</div>
|
||||
<div class="flex_box myData_info">
|
||||
<div class="box_content">
|
||||
<div class="number">
|
||||
<span class="diamondNum"></span>
|
||||
<img src="./images/agencyDiamondIncomeDom.png" alt="" />
|
||||
</div>
|
||||
<div class="title Diamond_income"></div>
|
||||
</div>
|
||||
<div class="box_content">
|
||||
<div class="number"><span class="micDay"></span></div>
|
||||
<div class="title Valid_days"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box memberData_info" style="display: none">
|
||||
<div class="box_content">
|
||||
<div class="number">
|
||||
<span class="diamondNum"></span>
|
||||
<img src="./images/agencyDiamondIncomeDom.png" alt="" />
|
||||
</div>
|
||||
<div class="title Agency_income"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="salary_box">
|
||||
<div class="title_box">
|
||||
<span class="Diamond_salary"></span>
|
||||
<span class="diamondSalary"></span>
|
||||
</div>
|
||||
<div class="title_box" style="margin-top: 8px">
|
||||
<span class="Time_salary"></span>
|
||||
<span class="micSalary"></span>
|
||||
</div>
|
||||
<div class="xian"></div>
|
||||
<div class="Current_box">
|
||||
<span class="Current_diamond"></span>
|
||||
<span class="diamondNum"></span>
|
||||
<div class="progress_box">
|
||||
<div class="progress_bar" style="width: 50%"></div>
|
||||
</div>
|
||||
<span class="Next_required"></span>
|
||||
<span class="nextLevelDiamondNum"></span>
|
||||
</div>
|
||||
<div class="Valid_box">
|
||||
<span class="Valid_days"></span>
|
||||
<span class="micDay"></span>
|
||||
<div class="progress_box">
|
||||
<div class="progress_bar" style="width: 50%"></div>
|
||||
</div>
|
||||
<span class="Target_required"></span>
|
||||
<span class="curLevelMicDay"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="salary_member_box">
|
||||
<div class="title_box">
|
||||
<span class="All_salary"></span>
|
||||
<span class="diamondSalary"></span>
|
||||
</div>
|
||||
<div class="title_box" style="margin-top: 8px">
|
||||
<span class="Agent_salary"></span>
|
||||
<span class="ownerSalary"></span>
|
||||
</div>
|
||||
<div class="txt_box" >
|
||||
<span class="Issue_salary"></span>
|
||||
<span class="issueSalary"></span>
|
||||
<img src="./images/why.png" alt="">
|
||||
</div>
|
||||
<div class="xian"></div>
|
||||
<div class="title_box" style="margin-top: 8px">
|
||||
<span class="Remaining_salary"></span>
|
||||
<span class="shengyu_salary"></span>
|
||||
</div>
|
||||
<div class="Issue_amounts"></div>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<table class="data-table"></table>
|
||||
</div>
|
||||
<!-- 时间选择器 -->
|
||||
<div class="timeBox">
|
||||
<div class="timeBox_in">
|
||||
@@ -47,22 +106,21 @@
|
||||
<ul></ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<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="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="./local/br.js"></script>
|
||||
<script src="./local/es.js"></script>
|
||||
<script src="./local/ru.js"></script>
|
||||
<script src="./local/uz.js"></script>
|
||||
<script src="./js/diamondStatistics.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
<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="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="./local/br.js"></script>
|
||||
<script src="./local/es.js"></script>
|
||||
<script src="./local/ru.js"></script>
|
||||
<script src="./local/uz.js"></script>
|
||||
<script src="./js/diamondStatistics.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</html>
|
||||
|
||||
@@ -67,7 +67,20 @@ function translateFun() {
|
||||
$('.Diamond_income_txt').html(langReplace(localLang.demoModule.Diamond_income_txt));
|
||||
$('.Confirm').html(langReplace(localLang.createGuild.confirm));
|
||||
$('.Agency_income').html(langReplace(localLang.demoModule.Agency_income));
|
||||
$('.Diamond_salary').html(langReplace(localLang.demoModule.Diamond_salary));
|
||||
$('.Time_salary').html(langReplace(localLang.demoModule.Time_salary));
|
||||
$('.Current_diamond').html(langReplace(localLang.demoModule.Current_diamond));
|
||||
$('.Valid_days').html(langReplace(localLang.demoModule.Valid_days_title));
|
||||
$('.Next_required').html(langReplace(localLang.demoModule.Next_required));
|
||||
$('.Target_required').html(langReplace(localLang.demoModule.Target_required));
|
||||
$('.All_salary').html(langReplace(localLang.demoModule.All_salary));
|
||||
$('.Agent_salary').html(langReplace(localLang.demoModule.Agent_salary));
|
||||
$('.Issue_salary').html(langReplace(localLang.demoModule.Issue_salary));
|
||||
$('.Remaining_salary').html(langReplace(localLang.demoModule.Remaining_salary));
|
||||
$('.Issue_amounts').html(langReplace(localLang.demoModule.Issue_amounts));
|
||||
}
|
||||
var cycleBeginDate;
|
||||
var contentType = 1;
|
||||
function getTimeFun() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
@@ -87,7 +100,8 @@ function getTimeFun() {
|
||||
});
|
||||
$('.timeBox .timeBox_in ul').append(str);
|
||||
$('.data_time .time_txt span').text(res.data[0].intervalFormatter);
|
||||
getDataFun(res.data[0].cycleDate)
|
||||
cycleBeginDate = res.data[0].cycleDate;
|
||||
getMyDataFun()
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
@@ -100,7 +114,8 @@ function getTimeFun() {
|
||||
}
|
||||
var myData = []; //我的数据
|
||||
var memberData = []; // 成员数据
|
||||
function getDataFun(cycleBeginDate) {
|
||||
// 获取我的数据
|
||||
function getMyDataFun() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "get",
|
||||
@@ -113,8 +128,51 @@ function getDataFun(cycleBeginDate) {
|
||||
$('.data_time .myData_info .box_content .number .diamondNum').text(res.data.diamondNum)
|
||||
$('.data_time .myData_info .box_content .number .micDay').text(res.data.micDay)
|
||||
$('.data_time .memberData_info .box_content .number .diamondNum').text(res.data.guildDiamondNum)
|
||||
if(res.data.mySalary){
|
||||
$('.salary_box .diamondSalary').text('$'+res.data.mySalary.diamondSalary || 0)
|
||||
$('.salary_box .micSalary').text('$'+res.data.mySalary.micSalary)
|
||||
$('.salary_box .diamondNum').text(res.data.mySalary.diamondNum)
|
||||
$('.salary_box .nextLevelDiamondNum').text(res.data.mySalary.nextLevelDiamondNum - res.data.mySalary.diamondNum)
|
||||
|
||||
$('.Valid_box .micDay').text(res.data.mySalary.micDay + langReplace(localLang.demoModule.Days_txt))
|
||||
$('.Valid_box .curLevelMicDay').text(res.data.mySalary.curLevelMicDay - res.data.mySalary.micDay + langReplace(localLang.demoModule.Days_txt))
|
||||
|
||||
// 计算进度条 - 钻石流水
|
||||
let progressWidth = Math.min(100, Math.round((res.data.mySalary.diamondNum - res.data.mySalary.curLevelDiamondNum) / (res.data.mySalary.nextLevelDiamondNum - res.data.mySalary.curLevelDiamondNum) * 100));
|
||||
$('.salary_box .Current_box .progress_bar').css('width', progressWidth + '%');
|
||||
|
||||
// 计算进度条 - 有效天数
|
||||
let progressValidWidth = Math.min(100, Math.round( res.data.mySalary.micDay/ res.data.mySalary.curLevelMicDay * 100));
|
||||
$('.salary_box .Valid_box .progress_bar').css('width', progressValidWidth + '%');
|
||||
|
||||
// 如果达标了 - 钻石流水
|
||||
if(res.data.mySalary.nextLevelDiamondNum == 0){
|
||||
$('.salary_box .Current_box .progress_bar').css('width', '100%');
|
||||
$('.salary_box .Next_required').hide();
|
||||
$('.salary_box .nextLevelDiamondNum').hide();
|
||||
}
|
||||
// 如果达标了 - 有效天数
|
||||
if(res.data.mySalary.curLevelMicDay - res.data.mySalary.curLevelMicDay >= 0){
|
||||
$('.salary_box .Valid_box .progress_bar').css('width', '100%');
|
||||
$('.Valid_box .Target_required').hide();
|
||||
$('.Valid_box .curLevelMicDay').hide();
|
||||
}
|
||||
$('.salary_box').show();
|
||||
|
||||
}else{
|
||||
$('.salary_box').hide();
|
||||
}
|
||||
// 如果是历史周期
|
||||
if(res.data.cycleDate != res.data.curCycleDate){
|
||||
$('.salary_box .xian').hide();
|
||||
$('.salary_box .Current_box').hide();
|
||||
$('.salary_box .Valid_box').hide();
|
||||
}else{
|
||||
$('.salary_box .xian').show();
|
||||
$('.salary_box .Current_box').show();
|
||||
$('.salary_box .Valid_box').show();
|
||||
}
|
||||
myData = res.data.myData;
|
||||
memberData = res.data.memberData;
|
||||
translateMyData();
|
||||
|
||||
} else {
|
||||
@@ -127,6 +185,41 @@ function getDataFun(cycleBeginDate) {
|
||||
},
|
||||
});
|
||||
}
|
||||
// 获取成员数据
|
||||
function getMemberDataFun() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "get",
|
||||
url: urlPrefix + "/guildpolicy2/memberIncomeStat",
|
||||
data: {
|
||||
cycleBeginDate
|
||||
},
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
$('.data_time .memberData_info .box_content .number .diamondNum').text(res.data.diamondNum)
|
||||
if(res.data.guildSalary){
|
||||
$('.salary_member_box .diamondSalary').text('$'+(res.data.guildSalary.micSalary + res.data.guildSalary.diamondSalary))
|
||||
$('.salary_member_box .ownerSalary').text('$'+res.data.guildSalary.ownerSalary)
|
||||
$('.salary_member_box .issueSalary').text('$'+res.data.guildSalary.issueSalary)
|
||||
$('.salary_member_box .shengyu_salary').text('$'+(res.data.guildSalary.micSalary + res.data.guildSalary.diamondSalary + res.data.guildSalary.ownerSalary - res.data.guildSalary.issueSalary))
|
||||
$('.salary_member_box').show();
|
||||
}else{
|
||||
$('.salary_member_box').hide();
|
||||
}
|
||||
|
||||
memberData = res.data.memberData;
|
||||
translateMemberData();
|
||||
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 渲染我的数据
|
||||
function translateMyData(){
|
||||
$('.data-table thead').remove();
|
||||
@@ -147,7 +240,7 @@ $('.data-table thead').remove();
|
||||
str += `
|
||||
<tr>
|
||||
<td>${item.statDate}</td>
|
||||
<td>${item.diamondNum} <img src="./images/agencyDiamondIncomeDom.png" alt=""></td>
|
||||
<td style="display: flex;align-items: center;justify-content: center;">${item.diamondNum} <img src="./images/agencyDiamondIncomeDom.png" alt=""></td>
|
||||
<td>${item.micMinute + langReplace(localLang.demoModule.Min)}</td>
|
||||
<td>${item.validMicDay ? '<img src="./images/Ye.png" alt="">' : '<img src="./images/No.png" alt="">'}</td>
|
||||
</tr>
|
||||
@@ -171,6 +264,8 @@ function translateMemberData(){
|
||||
<th class="Members"></th>
|
||||
<th class="Diamond_income_txt"></th>
|
||||
<th class="Valid_days_txt"></th>
|
||||
<th class="Diamond_salary_txt"></th>
|
||||
<th class="Time_salary_txt"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -188,8 +283,10 @@ function translateMemberData(){
|
||||
<div class="me_biaoshi" style="display:${item.uid != pubInfo.uid?'none':''}">${langReplace(localLang.demoModule.Me)}</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>${item.diamondNum} <img src="./images/agencyDiamondIncomeDom.png" alt=""></td>
|
||||
<td style="display: flex;align-items: center;justify-content: center;">${item.diamondNum} <img src="./images/agencyDiamondIncomeDom.png" alt=""></td>
|
||||
<td>${item.micDay +'D'}</td>
|
||||
<td>${'$'+item.diamondSalary}</td>
|
||||
<td>${'$'+item.micSalary}</td>
|
||||
</tr>
|
||||
`
|
||||
})
|
||||
@@ -198,6 +295,8 @@ function translateMemberData(){
|
||||
$('.Members').html(langReplace(localLang.demoModule.Members));
|
||||
$('.Valid_days_txt').html(langReplace(localLang.demoModule.Valid_days_txt));
|
||||
$('.Diamond_income_txt').html(langReplace(localLang.demoModule.Diamond_income_txt));
|
||||
$('.Diamond_salary_txt').html(langReplace(localLang.demoModule.Diamond_salary_txt));
|
||||
$('.Time_salary_txt').html(langReplace(localLang.demoModule.Time_salary_txt));
|
||||
}
|
||||
// 打开时间选择器
|
||||
$('.data_time .time_txt').click(function () {
|
||||
@@ -224,20 +323,38 @@ $('.timeBox .timeBox_in .but').click(function (event) {
|
||||
$('.timeBox').hide();
|
||||
if (!timeDate) return
|
||||
$('.data_time .time_txt span').text(timeDate);
|
||||
getDataFun($(this).attr('cycledate'));
|
||||
$('.Member_data').removeClass('active');
|
||||
$('.My_data').addClass('active');
|
||||
cycleBeginDate = $(this).attr('cycledate');
|
||||
if(contentType ==1){
|
||||
getMyDataFun();
|
||||
}else{
|
||||
getMemberDataFun();
|
||||
}
|
||||
// $('.Member_data').removeClass('active');
|
||||
// $('.My_data').addClass('active');
|
||||
})
|
||||
|
||||
$('.tab_box').click(function () {
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
let contentType = $(this).attr('contentType');
|
||||
contentType = $(this).attr('contentType');
|
||||
if(contentType == 1){
|
||||
translateMyData();
|
||||
$('.myData_info').show();
|
||||
$('.salary_box').show();
|
||||
$('.memberData_info').hide();
|
||||
$('.salary_member_box').hide();
|
||||
getMyDataFun();
|
||||
}else if(contentType == 2){
|
||||
translateMemberData()
|
||||
$('.memberData_info').show();
|
||||
$('.salary_member_box').show();
|
||||
$('.myData_info').hide();
|
||||
$('.salary_box').hide();
|
||||
getMemberDataFun();
|
||||
|
||||
}
|
||||
})
|
||||
// 打开提示
|
||||
$('.txt_box').click(function () {
|
||||
$('.Issue_amounts').show();
|
||||
})
|
||||
$('.Issue_amounts').click(function () {
|
||||
$('.Issue_amounts').hide();
|
||||
})
|
||||
@@ -95,6 +95,20 @@ langAr = {
|
||||
hours_time:'3 ساعات من وقت الميكروفون',
|
||||
The_wallet:'لقد تم استلام المكافأة بنجاح وتم وضع الكونزات في محفظتك',
|
||||
valid_day:'يجب إكمال مدة الثلاث ساعات الصالحة في الميكروفون خلال يوم واحد. إذا لم يتم الوصول إلى هذه المدة في نفس اليوم، فسيتم إعادة ضبط إحصائيات مدة الميكروفون في اليوم التالي.',
|
||||
Diamond_salary:'راتب الماس:',
|
||||
Time_salary:'راتب الوقت:',
|
||||
Current_diamond:'الماس الحالي:',
|
||||
Valid_days:'الأيام الفعالة:',
|
||||
Next_required:'المطلوب للمستوى التالي:',
|
||||
Target_required:'المطلوب لإكمال الهدف:',
|
||||
All_salary:'رواتب جميع المضيفين:',
|
||||
Agent_salary:'راتب الوكيل:',
|
||||
Issue_salary:'راتب المشكلة:',
|
||||
Remaining_salary:'الراتب المتبقي:',
|
||||
Issue_amounts:'راتب المشكلة = مبلغ استرداد جميع المضيفين (بما في ذلك نفسك) في الدورة الحالية * 120% (يشمل المبالغ المستردة بنجاح والفاشلة)',
|
||||
Days_txt:'أيام',
|
||||
Diamond_salary_txt:'راتب <br />الماس',
|
||||
Time_salary_txt:'راتب <br />الوقت',
|
||||
|
||||
},
|
||||
adminSet: {
|
||||
|
||||
@@ -60,7 +60,7 @@ langBr = {
|
||||
Valid_days:'Dias válidos',
|
||||
Agency_income:'Renda de diamantes da agência',
|
||||
My_data:'Meus dados',
|
||||
Members_txt:'Dados do membro',
|
||||
Member_data:'Dados do membro',
|
||||
Date_txt:'Data',
|
||||
Diamond_income_txt:'Renda <br >Diamond',
|
||||
Active_time:'Tempo <br >ativo',
|
||||
@@ -93,7 +93,20 @@ langBr = {
|
||||
hours_time:'3 horas de tempo de microfone',
|
||||
The_wallet:'A recompensa foi recebida com sucesso e as moedas de ouro foram colocadas em sua carteira.',
|
||||
valid_day:'A duração válida de 3 horas no microfone deve ser concluída em um dia. Se a duração de 3 horas não for atingida no mesmo dia, as estatísticas de duração no microfone serão zeradas no dia seguinte.',
|
||||
|
||||
Diamond_salary:'Salário em Diamantes:',
|
||||
Time_salary:'Salário por Tempo:',
|
||||
Current_diamond:'Diamantes Atuais:',
|
||||
Valid_days:'Dias Válidos:',
|
||||
Next_required:'Próximo Nível Necessário:',
|
||||
Target_required:'Conclusão da Meta Necessária:',
|
||||
All_salary:'Salário de Todos os Anfitriões:',
|
||||
Agent_salary:'Salário do Agente:',
|
||||
Issue_salary:'Salário em Disputa:',
|
||||
Remaining_salary:'Salário Restante:',
|
||||
Issue_amounts:'Salário em Disputa = Valor reembolsado de todos os anfitriões (incluindo você) no ciclo atual * 120% (inclui valores de reembolso bem-sucedidos e mal-sucedidos)',
|
||||
Days_txt:'Dias',
|
||||
Diamond_salary_txt:'Salário em <br />Diamantes',
|
||||
Time_salary_txt:'Salário por <br />Tempo',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrador`,
|
||||
|
||||
@@ -93,7 +93,20 @@ langEn = {
|
||||
hours_time:'3 hours of mic time',
|
||||
The_wallet:'The reward has been successfully received and the coins have been put into your wallet.',
|
||||
valid_day:'The valid 3-hour on-microphone duration must be completed within one day. If the 3-hour duration is not reached on the same day, the on-microphone duration statistics will be reset the next day.',
|
||||
|
||||
Diamond_salary:'Diamond salary:',
|
||||
Time_salary:'Time salary:',
|
||||
Current_diamond:'Current diamond:',
|
||||
Valid_days_title:'Valid days:',
|
||||
Next_required:'Next lv. required:',
|
||||
Target_required:'Target completion required:',
|
||||
All_salary:`All hosts' salary:`,
|
||||
Agent_salary:'Agent salary:',
|
||||
Issue_salary:'Issue salary:',
|
||||
Remaining_salary:'Remaining salary:',
|
||||
Issue_amounts:'Issue Salary = All hosts (including yourself) refunded amount in the current cycle * 120% (includes both successful and failed refund amounts)',
|
||||
Days_txt:'Days',
|
||||
Diamond_salary_txt:'Diamond<br />salary',
|
||||
Time_salary_txt:'Time<br />salary',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
|
||||
@@ -93,7 +93,20 @@ langEs = {
|
||||
hours_time:'3 horas de tiempo de micrófono',
|
||||
The_wallet:'Recompensa recibida exitosamente, las monedas se han depositado en su billetera.',
|
||||
valid_day:'La duración válida de 3 horas con micrófono debe completarse dentro de un día. Si no se alcanza la duración de 3 horas el mismo día, las estadísticas de duración con micrófono se reiniciarán al día siguiente.',
|
||||
|
||||
Diamond_salary:'Salario de Diamantes:',
|
||||
Time_salary:'Salario por Tiempo:',
|
||||
Current_diamond:'Diamantes Actuales:',
|
||||
Valid_days:'Días Válidos:',
|
||||
Next_required:'Próximo Nivel Requerido:',
|
||||
Target_required:'Finalización de Objetivo Requerida:',
|
||||
All_salary:'Salario de Todos los Anfitriones:',
|
||||
Agent_salary:'Salario del Agente:',
|
||||
Issue_salary:'Salario Problemático:',
|
||||
Remaining_salary:'Salario Restante:',
|
||||
Issue_amounts:'Salario Problemático = Monto reembolsado de todos los anfitriones (incluido usted) en el ciclo actual * 120% (incluye montos de reembolso exitosos y fallidos)',
|
||||
Days_txt:'Días',
|
||||
Diamond_salary_txt:'Salario de<br /> Diamantes',
|
||||
Time_salary_txt:'Salario por<br /> Tiempo',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrador`,
|
||||
|
||||
@@ -93,7 +93,20 @@ langRu = {
|
||||
hours_time: '3 часа работы с микрофоном',
|
||||
The_wallet: 'Награда успешно получена, и монеты были добавлены в ваш кошелек.',
|
||||
valid_day: 'Действительная продолжительность работы с микрофоном в течение 3 часов должна быть завершена в течение одного дня. Если за один день не достигнута продолжительность в 3 часа, статистика времени работы с микрофоном будет сброшена на следующий день.',
|
||||
|
||||
Diamond_salary:'Алмазная зарплата:',
|
||||
Time_salary:'Временная зарплата:',
|
||||
Current_diamond:'Текущие алмазы:',
|
||||
Valid_days:'Действительные дни:',
|
||||
Next_required:'Требуется для след. уровня:',
|
||||
Target_required:'Требуется для завершения цели:',
|
||||
All_salary:'Зарплата всех ведущих:',
|
||||
Agent_salary:'Зарплата агента:',
|
||||
Issue_salary:'Проблемная зарплата:',
|
||||
Remaining_salary:'Оставшаяся зарплата:',
|
||||
Issue_amounts:'Проблемная зарплата = Сумма возвратов всех ведущих (включая вас) за текущий цикл * 120% (включает успешные и неуспешные возвраты)',
|
||||
Days_txt:'дн.',
|
||||
Diamond_salary_txt:'Алмазная<br />зарплата',
|
||||
Time_salary_txt:'Временная<br />зарплата',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Администратор`,
|
||||
|
||||
@@ -93,7 +93,20 @@ langTr = {
|
||||
hours_time:'3 saat mikrofon süresi',
|
||||
The_wallet:'Ödül başarıyla alındı ve altın paralar cüzdanınıza yatırıldı.',
|
||||
valid_day:'Geçerli 3 saatlik mikrofonda kalma süresi bir gün içinde tamamlanmalıdır. Aynı gün 3 saatlik süreye ulaşılamazsa, mikrofonda kalma süresi istatistikleri ertesi gün sıfırlanacaktır.',
|
||||
|
||||
Diamond_salary:'Elmas Maaşı:',
|
||||
Time_salary:'Süre Maaşı:',
|
||||
Current_diamond:'Mevcut Elmas:',
|
||||
Valid_days:'Geçerli Günler:',
|
||||
Next_required:'Sonraki Seviye İçin Gerekli:',
|
||||
Target_required:'Hedef Tamamlama Gerekli:',
|
||||
All_salary:'Tüm Sunucuların Maaşı:',
|
||||
Agent_salary:'Ajan Maaşı:',
|
||||
Issue_salary:'Sorun Maaşı:',
|
||||
Remaining_salary:'Kalan Maaş:',
|
||||
Issue_amounts:'Sorun Maaşı = Mevcut döngüdeki tüm sunucuların (kendiniz dahil) iade edilen tutarı * %120 (başarılı ve başarısız iade tutarlarını içerir)',
|
||||
Days_txt:'Günler',
|
||||
Diamond_salary_txt:'Elmas<br />Maaşı',
|
||||
Time_salary_txt:'Süre<br />Maaşı',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Yönetici`,
|
||||
|
||||
@@ -1,305 +1,3 @@
|
||||
langUz = {
|
||||
demoModule: {
|
||||
layerIndex1: `Yuklanmoqda...`,
|
||||
layerIndex2: `Muvaffaqiyatli`,
|
||||
layerIndex3: `Tarmoq xatosi`,
|
||||
text1: `Agentlik nomi`,
|
||||
text2: `Agentlik nomi`,
|
||||
text3: `Administrator`,
|
||||
text4: `Sozlamalar`,
|
||||
text5: `Daromad`,
|
||||
text6: `Taklif qilish`,
|
||||
text7: `Tafsilotlar`,
|
||||
text8: `Agentlik nomi`,
|
||||
text9: `Bekor qilish`,
|
||||
text10: `Tasdiqlash`,
|
||||
text11: 'Agentlik nomi:',
|
||||
text12: `Master`,
|
||||
text13: `Administrator`,
|
||||
text14: `O'chirish`,
|
||||
text15_h1: `A'zolarni olib tashlash`,
|
||||
text15: `A'zoni olib tashlashga qaror qilishdan oldin, quyidagilarga e'tibor bering:<br><br>
|
||||
<strong>Olmos aylanmasi va maoshni qayta o'rnatish:</strong> <br>
|
||||
A'zoni olib tashlaganingizdan so'ng, agentlikda a'zo tomonidan to'plangan olmos aylanmasi va maosh qayta o'rnatiladi. <br><br>
|
||||
<strong>Iltimos, qaroringizni diqqat bilan ko'rib chiqing.</strong>`,
|
||||
text16: `MoliStar ID`,
|
||||
text17_h1: `Agentlikdan chiqish bo'yicha ko'rsatmalar`,
|
||||
text17: `Agentlikdan chiqishga qaror qilishdan oldin, quyidagilarga e'tibor bering:<br><br>
|
||||
<strong>Olmos Aylanmasi va Maoshni Qayta O'rnatish:</strong> <br>
|
||||
Agentlikdan chiqqaningizdan so'ng, agentlikda to'plagan olmos aylanmasi va maoshingiz qayta o'rnatiladi. Iltimos, qaroringizni diqqat bilan ko'rib chiqing. <br><br>
|
||||
<strong>Chiqish arizasini tasdiqlash jarayoni: </strong><br>
|
||||
Agentlikdan chiqish uchun ariza topshirgandan so'ng, agent 24 soat ichida sizning so'rovingizni ko'rib chiqadi. Agar agent 24 soat ichida uni qayta ishlamasa, tizim 24 soatdan keyin sizning chiqish arizangizni avtomatik ravishda tasdiqlaydi.`,
|
||||
text18: `Chiqish`,
|
||||
texts1: "Tangalar daromadi statistikasi",
|
||||
texts2: "Maosh daromadi statistikasi",
|
||||
texts3: "Agentlik sozlamalari",
|
||||
texts4: "Administrator sozlamalari",
|
||||
texts5: "Mening maoshim",
|
||||
newtext1: "Mening daromadim",
|
||||
newtext2: "Maosh hisobi",
|
||||
newtext3: "Agentlik ma'lumotlari",
|
||||
newtext4: "Agentlik administratori",
|
||||
newtext5: "Agentlik darajasi",
|
||||
newtext6: "Joriy agentlik darajasi:",
|
||||
newtext7: "Keyingi daraja uchun kerak:",
|
||||
coins: "Tangalar",
|
||||
transfer_salary: "Maosh o'tkazmasi:",
|
||||
audit: 'Tekshiruvda',
|
||||
weeklyRewardsText1: 'Host haftalik mukofotlari',
|
||||
weeklyRewardsText2: 'Jami 2240000 tanga olishingiz mumkin.',
|
||||
weeklyRewardsText22: 'Jami 3000000 tanga olishingiz mumkin.',
|
||||
weeklyRewardsText3: 'Olish',
|
||||
weeklyRewardsText33: 'Olingan',
|
||||
weeklyRewardsText4: 'Host darajasi',
|
||||
weeklyRewardsText5: `Qayta o'rnatish vaqti: dushanba 0:00 (GMT+3)`,
|
||||
weeklyRewardsText6: `Qayta o'rnatish vaqti: dushanba 0:00 (GMT+8)`,
|
||||
Invite_Agency:'Agentlikni taklif qilish',
|
||||
Invite_Host:'Hostni taklif qilish',
|
||||
Diamond_statistics:'Olmos daromadi statistikasi',
|
||||
Diamond_income:'Olmos daromadi',
|
||||
Valid_days:'Amal qilish kunlari',
|
||||
Agency_income:'Agentlik olmos daromadi',
|
||||
My_data:'Mening ma\'lumotlarim',
|
||||
Member_data:'A\'zolar ma\'lumotlari',
|
||||
Date_txt:'Sana',
|
||||
Diamond_income_txt:'Olmos <br >daromadi',
|
||||
Active_time:'Faol <br >vaqt',
|
||||
Valid_days_txt:'Amal qilish <br >kunlari',
|
||||
Min:'Min',
|
||||
Members:'A\'zolar',
|
||||
Me:'Men',
|
||||
Amethyst_Wallet:'Ametist hamyon',
|
||||
Exchange_Coin:'Ametistni tangaga almashtirish',
|
||||
Amethyst_Balance:'Ametist balansi:',
|
||||
Bills:'Hisoblar',
|
||||
Exchange_quantity:function(num){
|
||||
return `Almashtirish miqdori ${num} ga karrali bo'lishi kerak`
|
||||
},
|
||||
Exchangeable_Coins:'Almashtiriladigan tangalar:',
|
||||
Confirm_Exchange:'Almashtirishni tasdiqlash',
|
||||
Please_enter:'Iltimos kiriting',
|
||||
Exchange_successful:'Almashtirish muvaffaqiyatli',
|
||||
Total_coins:'Jami mukofot 7,214,920 tangagacha!',
|
||||
Countdown:'Qaytish hisobi:',
|
||||
Day:'Kun',
|
||||
Host_Level:'Host darajasi:',
|
||||
Reward_detail:' Mukofot tafsilotlari',
|
||||
Daily_Rewards:'Asosiy mukofotlar',
|
||||
Extra_Rewards:`Qo'shimcha mukofotlar`,
|
||||
Complete_days:'5 kunni tugatish',
|
||||
mic_chat:'Kunlik 2 soat mikrafon suhbati',
|
||||
Unlock_time:'180 daqiqa mikrafon vaqtini tugating, 1,000,330 tangagacha mukofot oling!',
|
||||
Days:'Mikrafon vaqti',
|
||||
hours_time:'3 soat mikrafon vaqti',
|
||||
The_wallet:'Mukofot muvaffaqiyatli qabul qilindi, tangalar sizning hamyoningizga qo\'yildi.',
|
||||
valid_day:'Amal qiladigan 3 soatlik mikrafon davomiyligi bir kun ichida tugatilishi kerak. Agar 3 soatlik davomiylik xuddi shu kunda erishilmasa, mikrafon davomiyligi statistikasi keyingi kunda qayta o\'rnatiladi.',
|
||||
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
text2: `Qidirish`,
|
||||
text3: `Ma'lumot yo'q`,
|
||||
text4: `Administrator tayinlash?`,
|
||||
text5: `Bekor qilish`,
|
||||
text6: `Tasdiqlash`,
|
||||
text7: `Qo'shish`,
|
||||
text8: `Qo'shilgan`,
|
||||
},
|
||||
adminSet2: {
|
||||
text1: `Administrator`,
|
||||
text2: `Sozlamalar`,
|
||||
text3: `Administrator qo'shish`,
|
||||
text4: `Ma'lumot yo'q`,
|
||||
text5: `Administratorni olib tashlash?`,
|
||||
text6: `Bekor qilish`,
|
||||
text7: `Tasdiqlash`,
|
||||
text8: `Master`,
|
||||
text9: `Administrator`,
|
||||
text10: `O'chirish`,
|
||||
text11: 'O\'chirilgan',
|
||||
},
|
||||
guild: {
|
||||
text1: `Hammasi`,
|
||||
text2: `Hammasi`,
|
||||
text3: `Agentlik`,
|
||||
text4: `A'zo bo'lish uchun ariza?`,
|
||||
text5: `Bekor qilish`,
|
||||
text6: `Tasdiqlash`,
|
||||
text7: `Qo'shish`,
|
||||
text8: 'Yuborilgan',
|
||||
newText1: 'Agentlik yaratish',
|
||||
newText2: 'Ko\'rib chiqilmoqda',
|
||||
newText3: 'Iltimos, sabr bilan kuting~',
|
||||
newText4: 'Qo\'shilish',
|
||||
newText5: 'Agent ID:',
|
||||
placeholder: 'Iltimos, qidirish uchun Agent ID ni kiriting',
|
||||
},
|
||||
createGuild: {
|
||||
text1: `Agency Registration Application`,
|
||||
text2: `Agency Avatar`,
|
||||
text3: `Agency Name`,
|
||||
text4: `Agent Contact Info`,
|
||||
text5: `Agent ID Card`,
|
||||
text6: `Taklif qiluvchi ID`,
|
||||
text7: `Taklif qiluvchi rasm.`,
|
||||
text8: `Muvaffaqiyatli yuborildi`,
|
||||
text9: `Gildiya yaratish uchun ariza topshirganingiz uchun tashakkur. Biz uni 3 ish kuni ichida ko'rib chiqamiz.
|
||||
Iltimos
|
||||
sabr bilan kuting va biz sizga imkon qadar tezroq javob beramiz.`,
|
||||
text10: `Tasdiqlash`,
|
||||
placeholder: `Iltimos kiriting`,
|
||||
null: `Majburiy maydonlar bo'sh bo'lishi mumkin emas`,
|
||||
imgerr:'Rasm yuklanmadi, iltimos qayta urinib ko\'ring',
|
||||
Area_Code:'Hudud kodi',
|
||||
Contact_type:'Aloqa turi',
|
||||
Select:'Tanlash',
|
||||
Please_number:'Iltimos telefon raqamingizni kiriting',
|
||||
confirm: `OK`,
|
||||
text9_new:'Yangi agentlik yaratganingiz bilan tabriklaymiz! <br /> Tezroq o\'sishingizga yordam berish uchun, hozirda rasmiy menejerimizni qo\'shing va darhol oling: <br /> ✔ 7000 tanga <br /> ✔ Eksklyuziv nom plitkasi <br /> ✔ Cheklangan nashrdagi transport (3 kun) <br /> Agentligingizni birinchi kundan ajralib turishi uchun!',
|
||||
text10_new:'Rasmiy menejerni topish',
|
||||
|
||||
},
|
||||
guildInfoSet: {
|
||||
text1: `Agentlik sozlamalari`,
|
||||
text2: `Agentlik sozlamalari`,
|
||||
text3: `Nomi: `,
|
||||
text4: `Nomi`,
|
||||
text5: `Fon:`,
|
||||
text6: `O'chirish`,
|
||||
text7: `Saqlash`,
|
||||
text8: `Yuklangan`,
|
||||
textConte1: `Saqlash`,
|
||||
textConte2: `Tahrirlash`,
|
||||
textConte3: `Qo'shish`,
|
||||
textConte4: `To'lov hisobi`,
|
||||
text55: `Agentlik avatari`,
|
||||
toastMsgText1: `GIF yuklash hozirda qo'llab-quvvatlanmaydi`,
|
||||
|
||||
},
|
||||
invitation: {
|
||||
text1: `Qidirish`,
|
||||
text2: `MoliStarID ni topish`,
|
||||
text3: `Qidirish`,
|
||||
text4: `Tarkib yo'q`,
|
||||
text5: `Agentlikka taklif qilish?`,
|
||||
text6: `Bekor qilish`,
|
||||
text7: `Tasdiqlash`,
|
||||
text8: `Qo'shish`,
|
||||
text9: `Ma'lumot yo'q`,
|
||||
text10: 'Taklif yuborildi',
|
||||
},
|
||||
memberFlow: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow2: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow3: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow4: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow5: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow6: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow7: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow8: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow9: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
memberFlow10: {
|
||||
text1: `Daromad statistikasi`,
|
||||
text2: `Jami tangalar daromadi`,
|
||||
text3: `A'zolar tangalar daromadi`,
|
||||
text4: `Boshlanish vaqti tugash vaqtidan keyin bo'lishi mumkin emas`,
|
||||
text5: `Tanlangan vaqt davri 90 kundan oshmasligi kerak`,
|
||||
text6: `Tangalar daromadi`,
|
||||
text7: `Davomiylik`,
|
||||
text8: `Hadya beruvchilar soni`,
|
||||
text9: `Men`,
|
||||
},
|
||||
// ... existing code for other memberFlow objects ...
|
||||
};
|
||||
|
||||
langUz = {
|
||||
demoModule: {
|
||||
@@ -396,7 +94,20 @@ langUz = {
|
||||
hours_time:'3 soat mikrafon vaqti',
|
||||
The_wallet:'Mukofot muvaffaqiyatli qabul qilindi, tangalar sizning hamyoningizga qo\'yildi.',
|
||||
valid_day:'Amal qiladigan 3 soatlik mikrafon davomiyligi bir kun ichida tugatilishi kerak. Agar 3 soatlik davomiylik xuddi shu kunda erishilmasa, mikrafon davomiyligi statistikasi keyingi kunda qayta o\'rnatiladi.',
|
||||
|
||||
Diamond_salary:'Olma maoshi:',
|
||||
Time_salary:'Vaqt maoshi:',
|
||||
Current_diamond:'Joriy olma:',
|
||||
Valid_days:'Amal qilish kunlari:',
|
||||
Next_required:'Keyingi daraja uchun kerak:',
|
||||
Target_required:'Maqsad bajarish uchun kerak:',
|
||||
All_salary:'Barcha boshlovchilarning maoshi:',
|
||||
Agent_salary:'Agent maoshi:',
|
||||
Issue_salary:'Muammoli maosh:',
|
||||
Remaining_salary:'Qolgan maosh:',
|
||||
Issue_amounts:`Muammoli maosh = Amaldagi tsikldagi barcha boshlovchilarning (o'zingiz ham) qaytarilgan summasi * 120% (muvaffaqiyatli va muvaffaqiyatsiz qaytarmalarni o'z ichiga oladi)`,
|
||||
Days_txt:'Kunlar',
|
||||
Diamond_salary_txt:'Olma<br />maoshi',
|
||||
Time_salary_txt:'Vaqt<br />maoshi',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
|
||||
@@ -95,6 +95,20 @@ langZh = {
|
||||
hours_time:'3小時麥上聊天',
|
||||
The_wallet:'領取成功，獎勵的金幣已經放入你的錢包～',
|
||||
valid_day:'有效的3小時麥克風使用時長必須在一天內完成。若當天未達3小時，麥克風使用時長統計將於隔天重設。',
|
||||
Diamond_salary:'钻石薪资:',
|
||||
Time_salary:'时长薪资:',
|
||||
Current_diamond:'当前钻石流水:',
|
||||
Valid_days:'有效天数:',
|
||||
Next_required:'下一等级仍需:',
|
||||
Target_required:'完成目标仍需:',
|
||||
All_salary:'全部主播薪资:',
|
||||
Agent_salary:'公会会长薪资:',
|
||||
Issue_salary:'问题薪资:',
|
||||
Remaining_salary:'剩余薪资:',
|
||||
Issue_amounts:'问题薪资 = 所有主播（包括您自己）在本周期内退款的金额 * 120%（包含退款成功和退款失败的金额）',
|
||||
Days_txt:'天',
|
||||
Diamond_salary_txt:'钻石<br/>薪资',
|
||||
Time_salary_txt:'时长<br/>薪资',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `管理員設置`,
|
||||
|
||||
@@ -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>molistar</title><link href=./static/css/app.61eafd37528ee2adcf1c9b489c3438c3.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.17e3d305076749d6175e.js></script><script type=text/javascript src=./static/js/vendor.e47c3a7af2568c53d931.js></script><script type=text/javascript src=./static/js/app.4a6b7e8cd50410f6e33d.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>molistar</title><link href=./static/css/app.8a314ab036152009e340902377c1ce41.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.72e8ee6cf7f7cf3e77da.js></script><script type=text/javascript src=./static/js/vendor.e47c3a7af2568c53d931.js></script><script type=text/javascript src=./static/js/app.729502a764d0e3780e27.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
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,d=0,s=[];d<r.length;d++)u=r[d],t[u]&&s.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);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)f=o(o.s=a[d]);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:"f086df6e9addae946432",1:"ec02e61e9dd55b5d4539",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.72e8ee6cf7f7cf3e77da.js.map
|
||||
@@ -202,6 +202,11 @@ $('.payPopup .payPopup_warp .pay_btn').click(function () {
|
||||
$('.payPopup').hide()
|
||||
if (res.code == 200) {
|
||||
renderImgOption()
|
||||
if (browser.android) {
|
||||
window.androidJsObj.updateCurrentUserInfo()
|
||||
} else {
|
||||
window.webkit.messageHandlers.updateCurrentUserInfo.postMessage(null)
|
||||
}
|
||||
} else {
|
||||
// toastMsg(res.message);
|
||||
$('.custom-dialog .dialog-content .dialog-title').text(res.message)
|
||||
|
||||
@@ -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',
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,6 +23,7 @@ const es = {
|
||||
Sub_List:'Lista de Subagentes de Recarga',
|
||||
Transfer_days:'Transferencia Últimos 30 días',
|
||||
Settlement:'Liquidación:',
|
||||
Coins_balance:'Equilibrio de Monedas',
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 ru = {
|
||||
Sub_List:'Список Суб-Агентов по Пополнению',
|
||||
Transfer_days:'Перевод За Последние 30 дней',
|
||||
Settlement:'Расчет:',
|
||||
Coins_balance:'Баланс монет',
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 uz = {
|
||||
Sub_List:'Zaryadlovchi Subagentlar Ro\'yxati',
|
||||
Transfer_days:'O\'tkazma So\'nggi 30 kun',
|
||||
Settlement:'Hisob-kitob:',
|
||||
Coins_balance:'Tangalar balansi',
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,6 +23,7 @@ const zh = {
|
||||
Sub_List:'子代理列表',
|
||||
Transfer_days:'近30天轉贈',
|
||||
Settlement:'結算:',
|
||||
Coins_balance:'金币余额',
|
||||
}
|
||||
}
|
||||
export default zh
|
||||
|
||||
@@ -30,6 +30,9 @@ service.interceptors.request.use(config => {
|
||||
'pub_uid': window.sessionStorage.getItem('uid'),
|
||||
'client': 'h5',
|
||||
'Accept-language': info.deviceInfo['Accept-Language'],
|
||||
|
||||
// 'pub_ticket':'eyJhbGciOiJUzl1NilsInR5cCl6lkpxVCJ9.eyJ0aWNrZxRfdHlwZSl6bnVsbCwidwlkljoyODEwLCJ0aWNrZXRfaWQi0il2NmM4Y2QzNS01ZTdiLTQzMmUtOGQyOC1iMzg0YWU'
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user