Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
3f5053e5d1 | ||
|
|
5f3d060347 | ||
|
|
cfdf40509d | ||
|
|
ad18a1c331 | ||
|
|
b1ab2aae01 | ||
|
|
b0069e643c | ||
|
|
83a1b78c1a | ||
|
|
177ecf4022 |
952
view/molistar/activity/2025-valentineDay/css/index.css
Normal file
952
view/molistar/activity/2025-valentineDay/css/index.css
Normal file
@@ -0,0 +1,952 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #37013C;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 16.8rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header .date {
|
||||
width: 8.93333rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
background: url(../images/time_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.78667rem;
|
||||
}
|
||||
|
||||
.header .rule {
|
||||
width: 1.46667rem;
|
||||
height: 0.72rem;
|
||||
line-height: 0.72rem;
|
||||
text-indent: 0.1rem;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 5.54667rem;
|
||||
}
|
||||
|
||||
.giftBox {
|
||||
position: relative;
|
||||
width: 10rem;
|
||||
height: 9.49333rem;
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -1.33333rem auto 0.42667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.giftBox .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.66667rem;
|
||||
text-align: center;
|
||||
width: 7.50667rem;
|
||||
height: 1.85333rem;
|
||||
line-height: 1.66667rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.giftBox .content {
|
||||
width: 8.13333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.56rem;
|
||||
margin: 2.6rem auto 0.2rem;
|
||||
}
|
||||
|
||||
.giftBox .gift {
|
||||
width: 8.13333rem;
|
||||
height: 2.66667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.giftBox .gift div {
|
||||
width: 2.66667rem;
|
||||
height: 2.66667rem;
|
||||
position: relative;
|
||||
background: url(../images/sGiftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.giftBox .gift div img {
|
||||
width: 1.90667rem;
|
||||
height: 1.90667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.64rem;
|
||||
}
|
||||
|
||||
.giftBox .gift div span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.5rem;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
width: 6.93333rem;
|
||||
height: 1.38667rem;
|
||||
margin: 0 auto 0.42667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.timeBox div {
|
||||
width: 1.6rem;
|
||||
height: 1.38667rem;
|
||||
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.45333rem;
|
||||
font-weight: 500;
|
||||
margin: 0.22667rem auto 0.02667rem;
|
||||
}
|
||||
|
||||
.timeBox div b {
|
||||
display: block;
|
||||
color: #FFF783;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 {
|
||||
margin: -0.2rem auto 0;
|
||||
}
|
||||
|
||||
.page1 .top {
|
||||
width: 10rem;
|
||||
height: 12.4rem;
|
||||
position: relative;
|
||||
background: url(../images/topBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page1 .top .tab {
|
||||
width: 8.64rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 1.17333rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.73333rem auto 0.32rem;
|
||||
}
|
||||
|
||||
.page1 .top .tab div {
|
||||
width: 4.10667rem;
|
||||
height: 1.17333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 600;
|
||||
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: 10rem;
|
||||
height: 5.78667rem;
|
||||
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.05333rem;
|
||||
height: 2.05333rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.97333rem;
|
||||
}
|
||||
|
||||
.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: 3.4rem;
|
||||
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.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 4rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .score {
|
||||
width: 100%;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 4.42667rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top1 .score img {
|
||||
display: inline-block;
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
.page1 .top .top2 {
|
||||
width: 4.29333rem;
|
||||
height: 4.32rem;
|
||||
position: absolute;
|
||||
left: 0.53333rem;
|
||||
top: 8rem;
|
||||
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: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.48rem;
|
||||
}
|
||||
|
||||
.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: 2.52rem;
|
||||
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.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 3.04rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .score {
|
||||
width: 100%;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 3.46667rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top2 .score img {
|
||||
display: inline-block;
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
.page1 .top .top3 {
|
||||
width: 4.29333rem;
|
||||
height: 4.32rem;
|
||||
position: absolute;
|
||||
right: 0.53333rem;
|
||||
top: 8rem;
|
||||
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: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.48rem;
|
||||
}
|
||||
|
||||
.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: 2.52rem;
|
||||
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.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 3.04rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .score {
|
||||
width: 100%;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 3.46667rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .top .top3 .score img {
|
||||
display: inline-block;
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
.page1 .bottom {
|
||||
width: 10rem;
|
||||
height: 0.66667rem;
|
||||
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.37333rem auto 0rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li {
|
||||
width: 100%;
|
||||
height: 1.54667rem;
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: 0.24rem;
|
||||
border: 0.04rem solid #FFF783;
|
||||
margin-bottom: 0.32rem;
|
||||
overflow: hidden;
|
||||
padding: 0 0.32rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.page1 .content ul li .num {
|
||||
float: left;
|
||||
width: 0.53333rem;
|
||||
height: 100%;
|
||||
line-height: 1.54667rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
margin-right: 0.36rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page1 .content ul li .tx {
|
||||
float: left;
|
||||
width: 1.10667rem;
|
||||
height: 1.10667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02667rem solid #FFF783;
|
||||
display: block;
|
||||
margin-top: 0.21333rem;
|
||||
margin-right: 0.18667rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info {
|
||||
float: left;
|
||||
margin-top: 0.33333rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info p {
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .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 .content ul li .info p img {
|
||||
display: inline-block;
|
||||
width: 1.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .info span {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page1 .content ul li .score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: 1.54667rem;
|
||||
line-height: 1.54667rem;
|
||||
}
|
||||
|
||||
.page1 .content ul li .score img {
|
||||
display: inline-block;
|
||||
width: 0.34667rem;
|
||||
height: 0.36rem;
|
||||
margin: 0.6rem 0.06667rem 0 0.06667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page1 .content ul li .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page1 .content .more {
|
||||
width: 1.65333rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
text-align: center;
|
||||
padding: 0 0.45333rem;
|
||||
margin: 0 auto 0.3rem;
|
||||
color: #FFF783;
|
||||
border: 0.02667rem solid #FFF783;
|
||||
border-radius: 0.58667rem;
|
||||
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;
|
||||
height: 1.73333rem;
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: 0.24rem 0.24rem 0px 0px;
|
||||
border: 0.04rem solid #FFF783;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.52rem 0 0.2rem;
|
||||
}
|
||||
|
||||
.page1 .my .num {
|
||||
float: left;
|
||||
width: 0.53333rem;
|
||||
height: 100%;
|
||||
line-height: 1.73333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
margin-right: 0.36rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page1 .my .tx {
|
||||
float: left;
|
||||
width: 1.10667rem;
|
||||
height: 1.10667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02667rem solid #FFF783;
|
||||
display: block;
|
||||
margin-top: 0.21333rem;
|
||||
margin-right: 0.18667rem;
|
||||
}
|
||||
|
||||
.page1 .my .info {
|
||||
float: left;
|
||||
margin-top: 0.33333rem;
|
||||
}
|
||||
|
||||
.page1 .my .info p {
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.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.02667rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .my .info span {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page1 .my .score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: 1.73333rem;
|
||||
line-height: 1.73333rem;
|
||||
}
|
||||
|
||||
.page1 .my .score img {
|
||||
display: inline-block;
|
||||
width: 0.34667rem;
|
||||
height: 0.36rem;
|
||||
margin: 0.69333rem 0.06667rem 0 0.06667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page1 .my .score b {
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
margin: -0.5rem auto 0;
|
||||
}
|
||||
|
||||
.page2 .top {
|
||||
width: 10rem;
|
||||
height: 2.4rem;
|
||||
position: relative;
|
||||
background: url(../images/topBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0.73333rem auto -0.2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page2 .top .tab {
|
||||
width: 8.64rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 1.17333rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.73333rem auto 0.32rem;
|
||||
}
|
||||
|
||||
.page2 .top .tab div {
|
||||
width: 4.10667rem;
|
||||
height: 1.17333rem;
|
||||
color: #FFF783;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 600;
|
||||
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.66667rem;
|
||||
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/contentBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
width: 9.06667rem;
|
||||
height: 38.96rem;
|
||||
background: url(../images/rewardBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0.2rem auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page2 .content .box .bo {
|
||||
position: absolute;
|
||||
width: 0.69333rem;
|
||||
height: 0.69333rem;
|
||||
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: 9.49333rem;
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.rules .rule_in .close {
|
||||
position: absolute;
|
||||
width: 0.90667rem;
|
||||
height: 0.90667rem;
|
||||
right: 0.1rem;
|
||||
top: 0.09333rem;
|
||||
}
|
||||
|
||||
.rules .rule_in .titles {
|
||||
width: 8.93333rem;
|
||||
height: 1.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.66667rem;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.85333rem;
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rules .rule_in .text {
|
||||
width: 8.22667rem;
|
||||
height: 6.2rem;
|
||||
overflow-y: scroll;
|
||||
color: #FFF783;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.56rem;
|
||||
margin: 2.85333rem 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.66667rem 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.90667rem;
|
||||
height: 0.90667rem;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
right: 0.93333rem;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.arabic .header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .page2 .content .box {
|
||||
background: url(../images/rewardBg-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .page2 .content .box {
|
||||
background: url(../images/rewardBg-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.Turkiye .header {
|
||||
background: url(../images/header-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.Turkiye .page2 .content .box {
|
||||
background: url(../images/rewardBg-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
972
view/molistar/activity/2025-valentineDay/css/index.scss
Normal file
972
view/molistar/activity/2025-valentineDay/css/index.scss
Normal file
@@ -0,0 +1,972 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #37013C;
|
||||
}
|
||||
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(0);
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1260);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
.date {
|
||||
width: px2rem(670);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
background: url(../images/time_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(284);
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: px2rem(110);
|
||||
height: px2rem(54);
|
||||
line-height: px2rem(54);
|
||||
text-indent: 0.1rem;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(416);
|
||||
}
|
||||
}
|
||||
|
||||
.giftBox {
|
||||
position: relative;
|
||||
width: px2rem(750);
|
||||
height: px2rem(712);
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(-100) auto px2rem(32);
|
||||
overflow: hidden;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(50);
|
||||
text-align: center;
|
||||
width: px2rem(563);
|
||||
height: px2rem(139);
|
||||
line-height: 1.66667rem;
|
||||
;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: px2rem(610);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(42);
|
||||
margin: px2rem(195) auto px2rem(15);
|
||||
}
|
||||
|
||||
.gift {
|
||||
width: px2rem(610);
|
||||
height: px2rem(200);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(200);
|
||||
height: px2rem(200);
|
||||
position: relative;
|
||||
background: url(../images/sGiftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
img {
|
||||
width: px2rem(143);
|
||||
height: px2rem(143);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(48);
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
width: px2rem(520);
|
||||
height: px2rem(104);
|
||||
// background: url(../images/timeBox.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(32);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(0);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
width: px2rem(120);
|
||||
height: px2rem(104);
|
||||
// margin-top: px2rem(11);
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
background: url(../images/timeBox_in.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
// border: px2rem(2) solid #FFF1B2;
|
||||
// background: #700034;
|
||||
// border-radius: px2rem(14);
|
||||
|
||||
span {
|
||||
display: block;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(34);
|
||||
font-weight: 500;
|
||||
margin: px2rem(17) auto px2rem(2);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page1 {
|
||||
// display: none;
|
||||
margin: -0.2rem auto 0;
|
||||
.top {
|
||||
width: px2rem(750);
|
||||
height: px2rem(930);
|
||||
position: relative;
|
||||
background: url(../images/topBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
overflow: hidden;
|
||||
|
||||
.tab {
|
||||
width: px2rem(648);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(88);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(55) auto px2rem(24);
|
||||
|
||||
div {
|
||||
width: px2rem(308);
|
||||
height: px2rem(88);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(34);
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/actTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.top1 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(434);
|
||||
position: relative;
|
||||
margin: 1rem auto 0;
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(154);
|
||||
height: px2rem(154);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(73);
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 35%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
top: px2rem(255);
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: px2rem(300);
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(332);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(28);
|
||||
height: px2rem(28);
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top2 {
|
||||
width: px2rem(322);
|
||||
height: px2rem(324);
|
||||
position: absolute;
|
||||
left: px2rem(40);
|
||||
top: px2rem(600);
|
||||
margin: 0 auto 0;
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(36);
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 83%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
top: px2rem(189);
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: px2rem(228);
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(260);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(28);
|
||||
height: px2rem(28);
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top3 {
|
||||
width: px2rem(322);
|
||||
height: px2rem(324);
|
||||
position: absolute;
|
||||
right: px2rem(40);
|
||||
top: px2rem(600);
|
||||
margin: 0 auto 0;
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(36);
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 83%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
top: px2rem(189);
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
max-width: 2.6rem;
|
||||
text-align: right;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: px2rem(228);
|
||||
text-align: center;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
width: 100%;
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(260);
|
||||
left: 0;
|
||||
display: flex;
|
||||
z-index: 3;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(28);
|
||||
height: px2rem(28);
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: px2rem(750);
|
||||
height: px2rem(50);
|
||||
background: url(../images/bottomBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.2rem auto 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
margin: 0 auto 0;
|
||||
background: url(../images/contentBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
|
||||
ul {
|
||||
width: px2rem(660);
|
||||
margin: px2rem(28) auto px2rem(0);
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(116);
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: px2rem(18);
|
||||
border: px2rem(3) solid #FFF783;
|
||||
margin-bottom: px2rem(24);
|
||||
overflow: hidden;
|
||||
padding: 0 px2rem(24) 0 px2rem(15);
|
||||
box-sizing: border-box;
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
width: px2rem(40);
|
||||
height: 100%;
|
||||
line-height: px2rem(116);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
margin-right: px2rem(27);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
width: px2rem(83);
|
||||
height: px2rem(83);
|
||||
border-radius: 50%;
|
||||
border: px2rem(2) solid #FFF783;
|
||||
display: block;
|
||||
margin-top: px2rem(16);
|
||||
margin-right: px2rem(14);
|
||||
}
|
||||
|
||||
.info {
|
||||
float: left;
|
||||
margin-top: px2rem(25);
|
||||
|
||||
p {
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin-bottom: px2rem(10);
|
||||
|
||||
b {
|
||||
max-width: 2rem;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: px2rem(116);
|
||||
line-height: px2rem(116);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(26);
|
||||
height: px2rem(27);
|
||||
margin: px2rem(45) px2rem(5) 0 px2rem(5);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.more {
|
||||
width: px2rem(124);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
text-align: center;
|
||||
padding: 0 px2rem(34);
|
||||
margin: 0 auto 0.3rem;
|
||||
color: #FFF783;
|
||||
border: px2rem(2) solid #FFF783;
|
||||
border-radius: px2rem(44);
|
||||
box-sizing: border-box;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.my {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(750);
|
||||
height: px2rem(130);
|
||||
background: linear-gradient(0deg, #9F0141, #760231);
|
||||
border-radius: px2rem(18) px2rem(18) 0px 0px;
|
||||
border: px2rem(3) solid #FFF783;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(39) 0 px2rem(15);
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
width: px2rem(40);
|
||||
height: 100%;
|
||||
line-height: px2rem(130);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
margin-right: px2rem(27);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
width: px2rem(83);
|
||||
height: px2rem(83);
|
||||
border-radius: 50%;
|
||||
border: px2rem(2) solid #FFF783;
|
||||
display: block;
|
||||
margin-top: px2rem(16);
|
||||
margin-right: px2rem(14);
|
||||
}
|
||||
|
||||
.info {
|
||||
float: left;
|
||||
margin-top: px2rem(25);
|
||||
|
||||
p {
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin-bottom: px2rem(10);
|
||||
|
||||
b {
|
||||
max-width: 2rem;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(77);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.score {
|
||||
display: flex;
|
||||
float: right;
|
||||
height: px2rem(130);
|
||||
line-height: px2rem(130);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(26);
|
||||
height: px2rem(27);
|
||||
margin: px2rem(52) px2rem(5) 0 px2rem(5);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
margin: -0.5rem auto 0;
|
||||
|
||||
.top {
|
||||
width: px2rem(750);
|
||||
height: px2rem(180);
|
||||
position: relative;
|
||||
background: url(../images/topBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(55) auto -0.2rem;
|
||||
overflow: hidden;
|
||||
|
||||
.tab {
|
||||
width: px2rem(648);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(88);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(55) auto px2rem(24);
|
||||
|
||||
div {
|
||||
width: px2rem(308);
|
||||
height: px2rem(88);
|
||||
color: #FFF783;
|
||||
font-size: px2rem(34);
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/actTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: px2rem(750);
|
||||
height: px2rem(50);
|
||||
background: url(../images/bottomBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.2rem auto 0;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: px2rem(750);
|
||||
margin: 0 auto 0;
|
||||
background: url(../images/contentBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.box {
|
||||
width: px2rem(680);
|
||||
height: px2rem(2922);
|
||||
background: url(../images/rewardBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0.2rem auto 0;
|
||||
position: relative;
|
||||
|
||||
.bo {
|
||||
position: absolute;
|
||||
width: px2rem(52);
|
||||
height: px2rem(52);
|
||||
left: px2rem(141);
|
||||
}
|
||||
|
||||
.bo1 {
|
||||
top: px2rem(744);
|
||||
}
|
||||
|
||||
.bo2 {
|
||||
top: px2rem(1725);
|
||||
}
|
||||
|
||||
.bo3 {
|
||||
top: px2rem(2892);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rules {
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
|
||||
.rule_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(712);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
width: px2rem(68);
|
||||
height: px2rem(68);
|
||||
right: 0.1rem;
|
||||
top: px2rem(7);
|
||||
}
|
||||
|
||||
.titles {
|
||||
width: px2rem(670);
|
||||
height: px2rem(139);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(50);
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
line-height: px2rem(139);
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(617);
|
||||
height: 6.2rem;
|
||||
overflow-y: scroll;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(42);
|
||||
margin: px2rem(214) auto 0;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottomText {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF783;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
margin: px2rem(50) auto px2rem(180);
|
||||
}
|
||||
|
||||
.video {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
video {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(68);
|
||||
height: px2rem(68);
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
right: px2rem(70);
|
||||
z-index: 9;
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
background: url(../images/rewardBg-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.china {
|
||||
.header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
background: url(../images/rewardBg-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.Turkiye {
|
||||
.header {
|
||||
background: url(../images/header-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .content .box {
|
||||
background: url(../images/rewardBg-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
}
|
||||
BIN
view/molistar/activity/2025-valentineDay/images/actTab.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/actTab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/bo.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/bo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/bottomBg.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/bottomBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/box.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/box.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/close.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/contentBg.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/contentBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 999 B |
BIN
view/molistar/activity/2025-valentineDay/images/giftBox.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/giftBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/header-ar.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/header-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/header-tr.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/header-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/header-zh.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/header-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/header.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/logo.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg-ar.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg-tr.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg-zh.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/rewardBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/ruleBg.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/ruleBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/ruleTitle.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/ruleTitle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/rule_icon.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/rule_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/sGiftBox.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/sGiftBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/tab.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/tab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/timeBox.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/timeBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/timeBox_in.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/timeBox_in.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/time_bg.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/time_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/title.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/top1.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/top1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/top2.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/top2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/top3.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/top3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/topBg.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/topBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
BIN
view/molistar/activity/2025-valentineDay/images/topBg2.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/topBg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 724 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/travel/back.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/activity/2025-valentineDay/images/travel/backB.png
Normal file
BIN
view/molistar/activity/2025-valentineDay/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
209
view/molistar/activity/2025-valentineDay/index.html
Normal file
209
view/molistar/activity/2025-valentineDay/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 class="text1"></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="text2 date"></div>
|
||||
<div class="rule text3"></div>
|
||||
</div>
|
||||
<!-- 礼物盒子 -->
|
||||
<div class="giftBox">
|
||||
<div class="title text4"></div>
|
||||
<div class="content text5"></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>
|
||||
<!-- 倒计时 -->
|
||||
<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>
|
||||
<!-- 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>
|
||||
306
view/molistar/activity/2025-valentineDay/js/index.js
Normal file
306
view/molistar/activity/2025-valentineDay/js/index.js
Normal file
@@ -0,0 +1,306 @@
|
||||
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: "valentinesDay" },
|
||||
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;
|
||||
}
|
||||
|
||||
// 打开mp4弹窗
|
||||
$('.page2 .content .box .bo1').click(function () {
|
||||
var video = document.getElementById('zjVideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.video1').show();
|
||||
})
|
||||
$('.page2 .content .box .bo2').click(function () {
|
||||
var video = document.getElementById('zjVideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.video2').show();
|
||||
})
|
||||
$('.page2 .content .box .bo3').click(function () {
|
||||
var video = document.getElementById('zjVideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.video3').show();
|
||||
})
|
||||
// 关闭mp4弹窗
|
||||
$('.video .close').click(function () {
|
||||
var video1 = document.getElementById('zjVideo1');
|
||||
var video2 = document.getElementById('zjVideo2');
|
||||
var video3 = document.getElementById('zjVideo3');
|
||||
video1.pause();
|
||||
video2.pause();
|
||||
video3.pause();;
|
||||
bodyScroolFun(false);
|
||||
$('.video').hide();
|
||||
})
|
||||
32
view/molistar/activity/2025-valentineDay/local/ar.js
Normal file
32
view/molistar/activity/2025-valentineDay/local/ar.js
Normal file
@@ -0,0 +1,32 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جارٍ التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `وقت الحب`,
|
||||
text2: `وقت الفعالية: 11 فبراير - 17 فبراير`,
|
||||
text3: `القواعد`,
|
||||
text4: `هدايا عيد الحب`,
|
||||
text5: `نتمنى للجميع كل التوفيق في هذا العيد المليء بالحب! لقد أنشأنا هدايا عيد حب محدودة الإصدار لجعل يوم عيد الحب أفضل. أرسل هدية عيد الحب واقضِ وقتًا ممتعًا مع من تحب!`,
|
||||
text6: `أيام`,
|
||||
text7: `ساعات`,
|
||||
text8: `دقائق`,
|
||||
text9: `ثواني`,
|
||||
text10: `التصنيف`,
|
||||
text11: `المكافآت`,
|
||||
text12: `هذه الفعالية لا علاقة لها بـ Apple.`,
|
||||
text122: `هذه الفعالية لا علاقة لها بـ Google.`,
|
||||
text133: `القواعد`,
|
||||
text13: `<p>1. أرسل هدايا عيد الحب المحددة خلال فترة الفعالية للمشاركة في التصنيف.</p>
|
||||
<p>2. بعد انتهاء الفعالية، سيتم احتساب أفضل 3 مستخدمين في التصنيف.</p>
|
||||
<p>3. سيحصل أفضل 3 مستخدمين على المكافآت، وسيتم إصدار المكافآت في اليوم التالي لانتهاء الفعالية.</p>
|
||||
<p>4. جميع حقوق تفسير هذه الفعالية تعود إلى المنصة وليس لها أي علاقة بـ Google وApple.</p>`,
|
||||
more: `المزيد`,
|
||||
month: `شهر`,
|
||||
day: `يوم`,
|
||||
waiting: `في انتظار`,
|
||||
}
|
||||
|
||||
}
|
||||
29
view/molistar/activity/2025-valentineDay/local/en.js
Normal file
29
view/molistar/activity/2025-valentineDay/local/en.js
Normal file
@@ -0,0 +1,29 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1:`Sweet Time`,
|
||||
text2:`Event time: February 11-February 17`,
|
||||
text3:`Rule`,
|
||||
text4:`Valentine's Day Gifts`,
|
||||
text5:`Wishing everyone all the best on this holiday of love!We have created limited edition Valentine's Day Gifts to make your Valentine's Day even better. Send a Valentine's Day Gift and spend some quality time with your loved ones!`,
|
||||
text6: `Days`,
|
||||
text7: `Hours`,
|
||||
text8: `Mins`,
|
||||
text9: `Secs`,
|
||||
text10: `Ranking`,
|
||||
text11: `Rewards`,
|
||||
text12: `Event has nothing to do with Apple.`,
|
||||
text122: `Event has nothing to do with Google.`,
|
||||
text133: `Rules`,
|
||||
text13: `<p>1. Send the designated Valentine's Day Gifts during the event period to participate in the ranking.</p>
|
||||
<p>2. After the event, the Top3 users on the ranking will be counted.</p>
|
||||
<p>3. The Top3 users will receive rewards, and the rewards will be issued on the second day after the event.</p>
|
||||
<p>4. All interpretation rights of this event belong to the platform and have nothing to do with Google and Apple.</p>`,
|
||||
more: 'More',
|
||||
month: 'Month',
|
||||
day: 'Day',
|
||||
waiting: 'Waiting',
|
||||
},
|
||||
}
|
||||
31
view/molistar/activity/2025-valentineDay/local/tr.js
Normal file
31
view/molistar/activity/2025-valentineDay/local/tr.js
Normal file
@@ -0,0 +1,31 @@
|
||||
langTr = {
|
||||
demoModule: {
|
||||
layerIndex1: `Yükleniyor...`,
|
||||
layerIndex2: `Başarılı`,
|
||||
layerIndex3: `Ağ hatası`,
|
||||
text1: `Tatlı Zaman`,
|
||||
text2: `Etkinlik süresi: 11 Şubat - 17 Şubat`,
|
||||
text3: `Kurallar`,
|
||||
text4: `Sevgililer Günü Hediyeleri`,
|
||||
text5: `Bu aşk dolu tatilde herkese en iyisini diliyoruz! Sevgililer Günü’nüzü daha da güzelleştirmek için sınırlı sayıda Sevgililer Günü Hediyeleri oluşturduk. Bir Sevgililer Günü Hediyesi gönderin ve sevdiklerinizle güzel zaman geçirin!`,
|
||||
text6: `Gün`,
|
||||
text7: `Saat`,
|
||||
text8: `Dakika`,
|
||||
text9: `Saniye`,
|
||||
text10: `Sıralama`,
|
||||
text11: `Ödüller`,
|
||||
text12: `Bu etkinliğin Apple ile hiçbir bağlantısı yoktur.`,
|
||||
text122: `Bu etkinliğin Google ile hiçbir bağlantısı yoktur.`,
|
||||
text133: `Kurallar`,
|
||||
text13: `<p>1. Etkinlik süresi boyunca belirlenen Sevgililer Günü Hediyelerini göndererek sıralamaya katılabilirsiniz.</p>
|
||||
<p>2. Etkinlik sonunda en iyi 3 kullanıcı sıralamada belirlenecektir.</p>
|
||||
<p>3. İlk 3 kullanıcı ödüller kazanacaktır ve ödüller etkinlikten sonraki gün dağıtılacaktır.</p>
|
||||
<p>4. Bu etkinliğin tüm yorumlama hakları platforma aittir ve Google veya Apple ile hiçbir ilgisi yoktur.</p>`,
|
||||
more: `Daha fazla`,
|
||||
month: `Ay`,
|
||||
day: `Gün`,
|
||||
waiting: `Bekleniyor`,
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
32
view/molistar/activity/2025-valentineDay/local/zh.js
Normal file
32
view/molistar/activity/2025-valentineDay/local/zh.js
Normal file
@@ -0,0 +1,32 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加載中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `網絡錯誤`,
|
||||
text1: `甜蜜時光`,
|
||||
text2: `活動時間：2月11日-2月17日`,
|
||||
text3: `規則`,
|
||||
text4: `情人節禮物`,
|
||||
text5: `祝大家在這個充滿愛的節日裡一切順利！我們特別推出限量版情人節禮物，讓您的情人節更加美好。送出情人節禮物，與摯愛共度美好時光！`,
|
||||
text6: `天`,
|
||||
text7: `小時`,
|
||||
text8: `分鐘`,
|
||||
text9: `秒`,
|
||||
text10: `排行榜`,
|
||||
text11: `獎勵`,
|
||||
text12: `此活動與Apple無關。`,
|
||||
text122: `此活動與Google無關。`,
|
||||
text133: `規則`,
|
||||
text13: `<p>1. 在活動期間送出指定的情人節禮物，即可參與排行榜。</p>
|
||||
<p>2. 活動結束後，統計排行榜前3名的用戶。</p>
|
||||
<p>3. 前3名的用戶將獲得獎勵，獎勵將於活動結束後的第二天發放。</p>
|
||||
<p>4. 本活動的最終解釋權歸平台所有，與Google和Apple無關。</p>`,
|
||||
more: `更多`,
|
||||
month: `月`,
|
||||
day: `日`,
|
||||
waiting: `等待中`,
|
||||
}
|
||||
|
||||
}
|
||||
BIN
view/molistar/activity/2025-valentineDay/mp4/1.mp4
Normal file
BIN
view/molistar/activity/2025-valentineDay/mp4/1.mp4
Normal file
Binary file not shown.
BIN
view/molistar/activity/2025-valentineDay/mp4/2.mp4
Normal file
BIN
view/molistar/activity/2025-valentineDay/mp4/2.mp4
Normal file
Binary file not shown.
BIN
view/molistar/activity/2025-valentineDay/mp4/3.mp4
Normal file
BIN
view/molistar/activity/2025-valentineDay/mp4/3.mp4
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 368 KiB |
@@ -84,7 +84,12 @@ function translateFun() {
|
||||
$('.text14').text(langReplace(localLang.demoModule.text14));
|
||||
$('.text15').text(langReplace(localLang.demoModule.text15));
|
||||
$('.text16').text(langReplace(localLang.demoModule.text16));
|
||||
$('.text17').text(langReplace(localLang.demoModule.text17));
|
||||
|
||||
if(browser.ios){
|
||||
$('.text17').text(langReplace(localLang.demoModule.text17));
|
||||
}else{
|
||||
$('.text17').text(langReplace(localLang.demoModule.text177));
|
||||
}
|
||||
}
|
||||
// 配置接口
|
||||
function ssAgencyRank() {
|
||||
|
||||
@@ -63,11 +63,15 @@ $(function () {
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text17').html(langReplace(localLang.demoModule.text17));
|
||||
$('.text20').html(langReplace(localLang.demoModule.text20));
|
||||
$('.text21').html(langReplace(localLang.demoModule.text21));
|
||||
$('.text22').html(langReplace(localLang.demoModule.text22));
|
||||
$('.text23').html(langReplace(localLang.demoModule.text23));
|
||||
if(browser.ios){
|
||||
$('.text17').text(langReplace(localLang.demoModule.text17));
|
||||
}else{
|
||||
$('.text17').text(langReplace(localLang.demoModule.text177));
|
||||
}
|
||||
}
|
||||
// 配置接口
|
||||
function getConfig() {
|
||||
|
||||
@@ -22,6 +22,7 @@ langAr = {
|
||||
text15: `الخريف`,
|
||||
text16: `الشتاء`,
|
||||
text17: `هذا النشاط لا علاقة له بـ Apple`,
|
||||
text177: `هذه الفعالية لا علاقة لها بـ Google.`,
|
||||
text18: `خلف`,
|
||||
text19: `شاغر`,
|
||||
text20: `سجل قمة الوكالة`,
|
||||
|
||||
@@ -20,6 +20,7 @@ langEn = {
|
||||
text15: `Autumn`,
|
||||
text16: `Winter`,
|
||||
text17: `This activity has nothing to do with apple`,
|
||||
text177: `Event has nothing to do with Google.`,
|
||||
text18: `Behind`,
|
||||
text19: `Vacant`,
|
||||
text20: `Agency Peak Record`,
|
||||
|
||||
@@ -22,6 +22,7 @@ langTr = {
|
||||
text15: `Sonbahar`,
|
||||
text16: `Kış`,
|
||||
text17: `Bu etkinliğin Apple ile ilgisi yoktur`,
|
||||
text177: `Bu etkinliğin Google ile hiçbir bağlantısı yoktur.`,
|
||||
text18: `Geride`,
|
||||
text19: `Boş`,
|
||||
text20: `Ajans Zirve Kaydı`,
|
||||
|
||||
@@ -22,6 +22,7 @@ langZh = {
|
||||
text15: `秋季`,
|
||||
text16: `冬季`,
|
||||
text17: `此活動與Apple無關`,
|
||||
text177: `此活動與Google無關。`,
|
||||
text18: `落後`,
|
||||
text19: `空缺`,
|
||||
text20: `代理巔峰記錄`,
|
||||
|
||||
@@ -34,7 +34,7 @@ function initLocalLang() {
|
||||
window.lang.code = 'id'
|
||||
window.lang.defaults = false
|
||||
} else if (lang === 'tr' || window.location.href.match('=tr')) {
|
||||
if (window.location.href.match('ssGuild') || window.location.href.match('dailyConsumption') || window.location.href.match('2024-cpActive') || window.location.href.match('superLucky') || window.location.href.match('newRank') || window.location.href.match('roomLevel') || window.location.href.match('rechargeNew') || window.location.href.match('2024-newYear') || window.location.href.match('guild-ar') || window.location.href.match('2024-invitationFission') || window.location.href.match('inform') || window.location.href.match('superId') || window.location.href.match('newWeekStar') || window.location.href.match('home') || window.location.href.match('pay')) {
|
||||
if (window.location.href.match('levelNew') ||window.location.href.match('2025-valentineDay') || window.location.href.match('ssGuild') || window.location.href.match('dailyConsumption') || window.location.href.match('2024-cpActive') || window.location.href.match('superLucky') || window.location.href.match('newRank') || window.location.href.match('roomLevel') || window.location.href.match('rechargeNew') || window.location.href.match('2024-newYear') || window.location.href.match('guild-ar') || window.location.href.match('2024-invitationFission') || window.location.href.match('inform') || window.location.href.match('superId') || window.location.href.match('newWeekStar') || window.location.href.match('home') || window.location.href.match('pay')) {
|
||||
window.location.href.match('superLucky') ||
|
||||
// 土耳其
|
||||
console.log("langHandler" + '土耳其')
|
||||
|
||||
@@ -191,7 +191,7 @@ function getTab() {
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
// toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
@@ -224,7 +224,7 @@
|
||||
<script src="./local/zh.js?v=2.0"></script>
|
||||
<script src="./local/ar.js?v=2.0"></script>
|
||||
<script src="./local/tr.js?v=2.0"></script>
|
||||
<script src="./js/salary.js?v=2.0"></script>
|
||||
<script src="./js/salary.js?v=2.1"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -67,6 +67,23 @@ body .page1 .back .myInfo {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .rewards,
|
||||
body .page1 .back .myInfo .rewards {
|
||||
width: 1.78667rem;
|
||||
height: 0.64rem;
|
||||
line-height: 0.64rem;
|
||||
text-align: center;
|
||||
color: #FCD19D;
|
||||
font-size: 0.34667rem;
|
||||
position: absolute;
|
||||
top: 0.93333rem;
|
||||
right: 0.12rem;
|
||||
background: #764F12;
|
||||
border-radius: 0.64rem;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .tx,
|
||||
body .page1 .back .myInfo .tx {
|
||||
width: 1.68rem;
|
||||
@@ -252,6 +269,11 @@ body .page2 .back .myInfo {
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo .rewards,
|
||||
body .page2 .back .myInfo .rewards {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo .top .level,
|
||||
body .page2 .back .myInfo .top .level {
|
||||
color: #571E6D;
|
||||
|
||||
@@ -63,6 +63,22 @@ body {
|
||||
margin: px2rem(180) auto;
|
||||
position: relative;
|
||||
|
||||
.rewards {
|
||||
width: px2rem(134);
|
||||
height: px2rem(48);
|
||||
line-height: px2rem(48);
|
||||
text-align: center;
|
||||
color: #FCD19D;
|
||||
font-size: px2rem(26);
|
||||
position: absolute;
|
||||
top: px2rem(70);
|
||||
right: px2rem(9);
|
||||
background: #764F12;
|
||||
border-radius: px2rem(48);
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(126);
|
||||
height: px2rem(126);
|
||||
@@ -169,6 +185,7 @@ body {
|
||||
.rule {
|
||||
width: 100%;
|
||||
margin-top: 7.3rem;
|
||||
|
||||
// display: none;
|
||||
.ruleText {
|
||||
width: px2rem(690);
|
||||
@@ -229,7 +246,9 @@ body {
|
||||
.myInfo {
|
||||
background: url(../images/myInfoBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.rewards{
|
||||
display: none;
|
||||
}
|
||||
.tx {}
|
||||
|
||||
.top {
|
||||
@@ -282,6 +301,7 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
.rule2{
|
||||
|
||||
.rule2 {
|
||||
display: none;
|
||||
}
|
||||
74
view/molistar/modules/levelNew/css/rewards.css
Normal file
74
view/molistar/modules/levelNew/css/rewards.css
Normal file
@@ -0,0 +1,74 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #1C0E04;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
background: url(../images/header2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto -1.06667rem;
|
||||
}
|
||||
|
||||
.rewards_content {
|
||||
position: relative;
|
||||
width: 10rem;
|
||||
height: 62.16rem;
|
||||
background: url(../images/rewards.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.66667rem;
|
||||
}
|
||||
|
||||
.Turkiye .header {
|
||||
background: url(../images/header2-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.Turkiye .rewards_content {
|
||||
background: url(../images/rewards-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .header {
|
||||
background: url(../images/header2-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .rewards_content {
|
||||
background: url(../images/rewards-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .header {
|
||||
background: url(../images/header2-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .rewards_content {
|
||||
background: url(../images/rewards-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
85
view/molistar/modules/levelNew/css/rewards.scss
Normal file
85
view/molistar/modules/levelNew/css/rewards.scss
Normal file
@@ -0,0 +1,85 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #1C0E04;
|
||||
}
|
||||
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(0);
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(750);
|
||||
background: url(../images/header2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(-80);
|
||||
}
|
||||
|
||||
.rewards_content {
|
||||
position: relative;
|
||||
width: px2rem(750);
|
||||
height: px2rem(4662);
|
||||
background: url(../images/rewards.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(50);
|
||||
}
|
||||
|
||||
.Turkiye {
|
||||
.header {
|
||||
background: url(../images/header2-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rewards_content {
|
||||
background: url(../images/rewards-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.china {
|
||||
.header {
|
||||
background: url(../images/header2-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rewards_content {
|
||||
background: url(../images/rewards-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header {
|
||||
background: url(../images/header2-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rewards_content {
|
||||
background: url(../images/rewards-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/modules/levelNew/images/header2-ar.png
Normal file
BIN
view/molistar/modules/levelNew/images/header2-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
BIN
view/molistar/modules/levelNew/images/header2-tr.png
Normal file
BIN
view/molistar/modules/levelNew/images/header2-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
BIN
view/molistar/modules/levelNew/images/header2-zh.png
Normal file
BIN
view/molistar/modules/levelNew/images/header2-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
view/molistar/modules/levelNew/images/header2.png
Normal file
BIN
view/molistar/modules/levelNew/images/header2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
BIN
view/molistar/modules/levelNew/images/rewards-ar.png
Normal file
BIN
view/molistar/modules/levelNew/images/rewards-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
BIN
view/molistar/modules/levelNew/images/rewards-tr.png
Normal file
BIN
view/molistar/modules/levelNew/images/rewards-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
BIN
view/molistar/modules/levelNew/images/rewards-zh.png
Normal file
BIN
view/molistar/modules/levelNew/images/rewards-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
BIN
view/molistar/modules/levelNew/images/rewards.png
Normal file
BIN
view/molistar/modules/levelNew/images/rewards.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
@@ -19,6 +19,7 @@
|
||||
</div>
|
||||
<!-- 自己信息 -->
|
||||
<div class="myInfo">
|
||||
<div class="rewards">Rewards</div>
|
||||
<img src="./images/null.png" alt="" class="tx">
|
||||
<div class="top">
|
||||
<div class="level">LV.<b>0</b></div>
|
||||
@@ -35,10 +36,10 @@
|
||||
</div>
|
||||
<!-- 内容部分 -->
|
||||
<div class="rule rule1 text6">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="rule rule2 text7">
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -52,6 +53,7 @@
|
||||
<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="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -69,7 +69,12 @@ function translateFun() {
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').html(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').html(langReplace(localLang.demoModule.text7));
|
||||
$('.rewards').html(langReplace(localLang.demoModule.rewards));
|
||||
}
|
||||
// 跳转奖励页面
|
||||
$('.myInfo .rewards').click(function () {
|
||||
window.location.href = './rewards.html'
|
||||
})
|
||||
// 配置接口
|
||||
function getUserExper() {
|
||||
showLoading()
|
||||
|
||||
60
view/molistar/modules/levelNew/js/rewards.js
Normal file
60
view/molistar/modules/levelNew/js/rewards.js
Normal file
@@ -0,0 +1,60 @@
|
||||
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 userExper;
|
||||
var userCharm;
|
||||
// 初始化函數
|
||||
$(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(() => {
|
||||
history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.rewards').html(langReplace(localLang.demoModule.rewards));
|
||||
}
|
||||
@@ -2,7 +2,7 @@
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جاري التحميل...`,
|
||||
layerIndex1: `جار التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `المستوى`,
|
||||
@@ -13,34 +13,36 @@ langAr = {
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">كيفية الترقية</div>
|
||||
<p>لكل هدية تساوي 1 عملة ذهبية، يمكنك جمع نقطة خبرة واحدة. كلما زادت نقاط الخبرة التي تجمعها، زاد مستواك.</p>
|
||||
<p>لكل هدية من 1 قطعة ذهبية، يمكنك جمع 1 نقطة خبرة. كلما جمعت المزيد من نقاط الخبرة، كلما زاد مستواك.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">شروط الحصول</div>
|
||||
<p>1. يمكن للمستخدمين من المستوى 1 وما فوق الحصول على شارة المستوى.</p>
|
||||
<p>2. يمكن للمستخدمين من المستوى 30 وما فوق فتح امتيازات المستوى (تأثيرات دخول مذهلة للغرفة).</p>
|
||||
<p>1. المستخدمون في المستوى 1 وما فوق يمكنهم الحصول على شارة المستوى.</p>
|
||||
<p>2. المستخدمون في المستوى 30 وما فوق يمكنهم فتح امتيازات المستوى (تأثيرات خاصة عند دخول الغرفة).</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف رمز المستوى</div>
|
||||
<p>سيتم عرض رمز المستوى على شاشة الغرفة وصفحة الملف الشخصي وأماكن أخرى. كلما كان المستوى أعلى، كلما كان الرمز أكثر روعة.</p>
|
||||
<div class="title">وصف أيقونة المستوى</div>
|
||||
<p>سيتم عرض أيقونة المستوى على شاشة الغرفة، وصفحة الملف الشخصي، وأماكن أخرى. كلما ارتفع المستوى، كانت الأيقونة أكثر روعة.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف اختيار مستوى الثروة الخاص</div>
|
||||
<p>يشمل مستوى الثروة ترقية تأثيرات دخول الغرفة المذهلة. كلما كان المستوى أعلى، كانت التأثيرات أكثر روعة.</p>
|
||||
<img src="./images/leve1-ar.png" alt="">
|
||||
<p>يشمل مستوى الثروة ترقيات لتأثيرات دخول الغرفة. كلما زاد المستوى، زادت تأثيرات الدخول روعة.</p>
|
||||
<img src="./images/leve1.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">فتح امتيازات مستوى الثروة</div>
|
||||
<p>عند الوصول إلى المستوى 30 وما فوق، سيكون لكل دخول للغرفة تأثيرات مذهلة.</p>
|
||||
<p>عند الوصول إلى المستوى 30 أو أعلى، سيكون لكل دخول إلى الغرفة تأثيرات خاصة مذهلة.</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف مستوى الثروة</div>
|
||||
<p>مستوى الجاذبية هو السمة التي تعبر عن نمو جاذبيتك الشخصية على هذه المنصة. لكل هدية تساوي 1 عملة ذهبية، تجمع نقطة جاذبية واحدة. كلما زاد مستواك، سيتغير لون شارة المستوى وفقًا لذلك!</p>
|
||||
<img src="./images/img3-ar.png" alt="">
|
||||
<p>مستوى الجاذبية هو خاصية النمو لجاذبيتك الشخصية على هذه المنصة. لكل هدية من القطع الذهبية المستلمة، تجمع نقطة جاذبية واحدة. مع زيادة مستواك، ستتغير شارة المستوى الخاصة بك وفقًا لذلك!</p>
|
||||
<img src="./images/img3.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
rewards: `جوائز`,
|
||||
}
|
||||
|
||||
}
|
||||
@@ -3,12 +3,12 @@ langEn = {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1:`Level`,
|
||||
text2:`Wealth Level`,
|
||||
text3:`Charm Level`,
|
||||
text4:`Wealth Value:`,
|
||||
text5:`Wealth Value Required for upgrade:`,
|
||||
text6:`
|
||||
text1: `Level`,
|
||||
text2: `Wealth Level`,
|
||||
text3: `Charm Level`,
|
||||
text4: `Wealth Value:`,
|
||||
text5: `Wealth Value Required for upgrade:`,
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">How to upgrade</div>
|
||||
<p>For every gift of 1 gold coins, you can accumulate 1 experience point. The more experience points you
|
||||
@@ -36,12 +36,13 @@ langEn = {
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7:`
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">Wealth Level Description</div>
|
||||
<p>Charm level is the growth attribute of your personal charm on this platform. For every gold coins gift received, you accumulate one charmpoint. As your level increases, your level badge will change color accordingly!</p>
|
||||
<img src="./images/img3.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
rewards: `rewards`,
|
||||
}
|
||||
}
|
||||
46
view/molistar/modules/levelNew/local/tr.js
Normal file
46
view/molistar/modules/levelNew/local/tr.js
Normal file
@@ -0,0 +1,46 @@
|
||||
langTr = {
|
||||
demoModule: {
|
||||
layerIndex1: `Yükleniyor...`,
|
||||
layerIndex2: `Başarı`,
|
||||
layerIndex3: `Ağ hatası`,
|
||||
text1: `Seviye`,
|
||||
text2: `Zenginlik Seviyesi`,
|
||||
text3: `Cazibe Seviyesi`,
|
||||
text4: `Zenginlik Değeri:`,
|
||||
text5: `Yükseltmek için gereken Zenginlik Değeri:`,
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">Nasıl Yükseltilir</div>
|
||||
<p>Her 1 altın para hediyesi için 1 deneyim puanı biriktirirsiniz. Ne kadar çok deneyim puanı biriktirirseniz, seviyeniz o kadar yüksek olur.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Elde Etme Koşulları</div>
|
||||
<p>1. Lv.1 ve üzeri kullanıcılar, seviye rozetini alabilirler.</p>
|
||||
<p>2. Lv.30 ve üzeri kullanıcılar, seviye ayrıcalıklarını açabilirler (odaya girişte parlak özel efektler).</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Seviye İkonu Açıklaması</div>
|
||||
<p>Seviye ikonu, oda ekranında, kişisel profil sayfasında ve diğer yerlerde görüntülenir. Seviye ne kadar yüksekse, ikon o kadar havalı olur.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Zenginlik Seviyesi Özel Seçim Açıklaması</div>
|
||||
<p>Zenginlik seviyesi, oda girişinin parlak özel efektlerini içerir. Seviye ne kadar yüksekse, giriş özel efektleri o kadar havalı olur.</p>
|
||||
<img src="./images/leve1.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Zenginlik Seviyesi Ayrıcalıklarını Açma</div>
|
||||
<p>Lv.30 ve üzeri seviyeye ulaşıldığında, her odaya girişte parlak özel efektler olacaktır.</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">Zenginlik Seviyesi Açıklaması</div>
|
||||
<p>Cazibe seviyesi, bu platformda kişisel cazibenizin büyüme özelliğidir. Her 1 altın para hediyesi aldığınızda, 1 cazibe puanı biriktirirsiniz. Seviyeniz arttıkça, seviye rozetiniz de buna göre renk değiştirir!</p>
|
||||
<img src="./images/img3.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
rewards: `ödüller`,
|
||||
}
|
||||
|
||||
}
|
||||
@@ -2,45 +2,47 @@
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加载中...`,
|
||||
layerIndex1: `加載中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `网络错误`,
|
||||
layerIndex3: `網絡錯誤`,
|
||||
text1: `等級`,
|
||||
text2: `財富等級`,
|
||||
text3: `魅力等級`,
|
||||
text4: `財富值：`,
|
||||
text5: `升級所需財富值：`,
|
||||
text5: `升級所需的財富值：`,
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">如何升級</div>
|
||||
<p>每贈送 1 金幣禮物，可累積 1 點經驗值。累積的經驗值越多，等級越高。</p>
|
||||
<p>每送出1個金幣禮物，您可積累1個經驗點數。積累的經驗點數越多，您的等級將越高。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">獲得條件</div>
|
||||
<p>1. 等級達 Lv.1 及以上用戶可獲得等級徽章。</p>
|
||||
<p>2. 等級達 Lv.30 及以上用戶可解鎖等級特權（進房間時炫酷特效）。</p>
|
||||
<div class="title">獲取條件</div>
|
||||
<p>1. 等級達到Lv.1及以上的用戶可以獲得等級徽章。</p>
|
||||
<p>2. 等級達到Lv.30及以上的用戶可以解鎖等級特權（房間進入炫彩特效）。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">等級圖標描述</div>
|
||||
<p>等級圖標會顯示在房間屏幕、個人檔案頁面等位置。等級越高，圖標越酷炫。</p>
|
||||
<div class="title">等級圖示說明</div>
|
||||
<p>等級圖示將顯示在房間畫面、個人資料頁面及其他地方。等級越高，圖示越炫酷。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">財富等級特殊選項描述</div>
|
||||
<p>財富等級包括升級房間進入炫酷特效。等級越高，進入特效越酷炫。</p>
|
||||
<img src="./images/leve1-zh.png" alt="">
|
||||
<div class="title">財富等級特殊選擇說明</div>
|
||||
<p>財富等級包括升級房間進入的炫彩特效。等級越高，進入特效越炫酷。</p>
|
||||
<img src="./images/leve1.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">解鎖財富等級特權</div>
|
||||
<p>達到 Lv.30 及以上時，每次進房間將有炫酷特效。</p>
|
||||
<p>當達到Lv.30及以上時，每次進入房間都會有炫彩特效。</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">財富等級描述</div>
|
||||
<p>魅力等級是您在此平台上的個人魅力成長屬性。每收到 1 金幣禮物，可累積 1 魅力值。隨著等級提升，等級徽章的顏色將相應改變！</p>
|
||||
<img src="./images/img3-zh.png" alt="">
|
||||
<div class="title">財富等級說明</div>
|
||||
<p>魅力等級是您在本平台上個人魅力的增長屬性。每收到1個金幣禮物，您就會積累1個魅力點數。隨著您的等級提升，您的等級徽章將改變顏色！</p>
|
||||
<img src="./images/img3.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
rewards: `獎勳`,
|
||||
}
|
||||
|
||||
}
|
||||
36
view/molistar/modules/levelNew/rewards.html
Normal file
36
view/molistar/modules/levelNew/rewards.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="rewards"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/rewards.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- 头部 -->
|
||||
<div class="header"></div>
|
||||
<!-- 奖励内容 -->
|
||||
<div class="rewards_content"></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="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/rewards.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.953085de083cb6094e7168f0798537b8.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.ec94600c345c77d6e4e4.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.c9a38e88c1df6b26469d.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.84b69ae332f76a4a56c7ad786b33cc4f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.febbcdd5e035a5ce3726.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.c9a38e88c1df6b26469d.js></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,b=[];d<r.length;d++)i=r[d],t[i]&&b.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);b.length;)b.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"870a31b2b5a5125962ab",1:"b05ea5b19a2f0b648502",2:"226ed82f2fe395a50147",3:"00bcf5022e7d98b672a2",4:"c9d5b75efaa28b779e79",5:"93d874959b80a4ee1da1",6:"de3228ef1e13c7d6649c",7:"a1746a1c89c587b75f6f",8:"67319477a4c5ac59b510",9:"cf187b6df4a386b203eb",10:"f6e85397f46b6b94d58d",11:"a5e798e367bdaa3003e9",12:"b8ac2b08a54dd44dc799"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.ec94600c345c77d6e4e4.js.map
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,b=[];d<r.length;d++)i=r[d],t[i]&&b.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);b.length;)b.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"870a31b2b5a5125962ab",1:"b05ea5b19a2f0b648502",2:"f6fe6d33464339648e5f",3:"00bcf5022e7d98b672a2",4:"c9d5b75efaa28b779e79",5:"93d874959b80a4ee1da1",6:"de3228ef1e13c7d6649c",7:"a1746a1c89c587b75f6f",8:"67319477a4c5ac59b510",9:"cf187b6df4a386b203eb",10:"f6e85397f46b6b94d58d",11:"a5e798e367bdaa3003e9",12:"b8ac2b08a54dd44dc799"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.febbcdd5e035a5ce3726.js.map
|
||||
@@ -341,7 +341,7 @@ export default {
|
||||
var str = "";
|
||||
if (val.objType == 4) {
|
||||
str = `${
|
||||
val.srcNick.length > 5 ? val.srcNick.slice(0, 5) : val.srcNick
|
||||
val.targetNick.length > 5 ? val.targetNick.slice(0, 5) : val.targetNick
|
||||
} ${this.$t("diamondLog.贈送")} ${val.giftName} * ${val.giftNum}`;
|
||||
} else {
|
||||
str = this.describeMap[val.objType];
|
||||
|
||||
Reference in New Issue
Block a user