moliparty/eparty-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善也门同一日活动

Browse Source
This commit is contained in:
chenruiye
2025-05-12 15:06:54 +08:00
parent 0bad51d3bb
commit 86f746e3a6
16 changed files with 335 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
view/molistar/activity/2025-YemenUnityDay/css/index.css
View File

@@ -131,7 +131,7 @@ body {
.timeBox {
height: 1.3866666667rem;
margin: 0.2rem auto 0.4266666667rem;
margin: 0.2rem auto 0.2933333333rem;
box-sizing: border-box;
padding: 0 1.0666666667rem;
display: flex;
@@ -167,11 +167,12 @@ body {
}
.page1 .top {
width: 10rem;
height: 12.4rem;
height: 13.3333333333rem;
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
padding: 0.1066666667rem 0 0;
}
.page1 .top .tab {
width: 100%;
@@ -215,13 +216,13 @@ body {
z-index: 2;
}
.page1 .top .top1 .tx {
width: 2.0533333333rem;
height: 2.0533333333rem;
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.9733333333rem;
top: 1.3333333333rem;
}
.page1 .top .top1 .name {
width: 35%;
@@ -233,7 +234,7 @@ body {
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.4rem;
top: 4.2666666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -253,11 +254,12 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top1 .id {
width: 100%;
position: absolute;
top: 4rem;
top: 4.88rem;
text-align: center;
left: 0;
z-index: 3;
@@ -266,34 +268,38 @@ body {
font-weight: 400;
}
.page1 .top .top1 .score {
width: 100%;
height: 0.3733333333rem;
line-height: 0.3733333333rem;
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.4266666667rem;
left: 0;
top: 5.3333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.6133333333rem;
}
.page1 .top .top1 .score b {
color: #FFF783;
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 400;
font-weight: 500;
}
.page1 .top .top1 .score img {
display: inline-block;
width: 0.3733333333rem;
height: 0.3733333333rem;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top2 {
width: 4.2933333333rem;
height: 4.32rem;
width: 4rem;
height: 4rem;
position: absolute;
left: 0.5333333333rem;
top: 8rem;
left: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top2 .ts {
@@ -305,13 +311,13 @@ body {
z-index: 2;
}
.page1 .top .top2 .tx {
width: 1.6rem;
height: 1.6rem;
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.48rem;
top: 0.8266666667rem;
}
.page1 .top .top2 .name {
width: 83%;
@@ -323,7 +329,7 @@ body {
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 2.52rem;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -343,11 +349,12 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top2 .id {
width: 100%;
position: absolute;
top: 3.04rem;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
@@ -356,34 +363,38 @@ body {
font-weight: 400;
}
.page1 .top .top2 .score {
width: 100%;
height: 0.3733333333rem;
line-height: 0.3733333333rem;
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 3.4666666667rem;
left: 0;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.6133333333rem;
}
.page1 .top .top2 .score b {
color: #FFF783;
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 400;
font-weight: 500;
}
.page1 .top .top2 .score img {
display: inline-block;
width: 0.3733333333rem;
height: 0.3733333333rem;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top3 {
width: 4.2933333333rem;
height: 4.32rem;
width: 4rem;
height: 4rem;
position: absolute;
right: 0.5333333333rem;
top: 8rem;
right: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top3 .ts {
@@ -395,13 +406,13 @@ body {
z-index: 2;
}
.page1 .top .top3 .tx {
width: 1.6rem;
height: 1.6rem;
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.48rem;
top: 0.8266666667rem;
}
.page1 .top .top3 .name {
width: 83%;
@@ -413,7 +424,7 @@ body {
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 2.52rem;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -433,11 +444,12 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top3 .id {
width: 100%;
position: absolute;
top: 3.04rem;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
@@ -446,26 +458,30 @@ body {
font-weight: 400;
}
.page1 .top .top3 .score {
width: 100%;
height: 0.3733333333rem;
line-height: 0.3733333333rem;
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 3.4666666667rem;
left: 0;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.6133333333rem;
}
.page1 .top .top3 .score b {
color: #FFF783;
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 400;
font-weight: 500;
}
.page1 .top .top3 .score img {
display: inline-block;
width: 0.3733333333rem;
height: 0.3733333333rem;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .bottom {
@@ -491,19 +507,19 @@ body {
}
.page1 .content ul li {
width: 100%;
height: 1.5466666667rem;
background: linear-gradient(0deg, #9F0141, #760231);
border-radius: 0.24rem;
border: 0.04rem solid #FFF783;
margin-bottom: 0.32rem;
margin-bottom: 0.3466666667rem;
overflow: hidden;
padding: 0 0.32rem 0 0.2rem;
padding: 0 0.32rem 0.2533333333rem 0.2rem;
box-sizing: border-box;
background: url(../images/li_bg.png) no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
}
.page1 .content ul li .num {
float: left;
width: 0.5333333333rem;
height: 100%;
line-height: 1.5466666667rem;
color: #FFF783;
font-size: 0.4266666667rem;
@@ -518,8 +534,9 @@ body {
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2133333333rem;
margin-top: 0.2533333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .content ul li .info {
float: left;
@@ -545,6 +562,7 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .content ul li .info span {
color: #FFF783;
@@ -554,21 +572,25 @@ body {
}
.page1 .content ul li .score {
display: flex;
float: right;
height: 1.5466666667rem;
line-height: 1.5466666667rem;
height: 0.88rem;
line-height: 0.88rem;
margin-left: auto;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.6133333333rem;
}
.page1 .content ul li .score img {
display: inline-block;
width: 0.3466666667rem;
height: 0.36rem;
margin: 0.6rem 0.0666666667rem 0 0.0666666667rem;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .content ul li .score b {
color: #FFF783;
font-weight: 500;
font-size: 0.3733333333rem;
font-weight: 400;
color: #2D2A00;
vertical-align: middle;
}
.page1 .content .more {
@@ -592,12 +614,13 @@ body {
left: 50%;
transform: translateX(-50%);
width: 10rem;
height: 1.7333333333rem;
background: linear-gradient(0deg, #9F0141, #760231);
background: #500000;
border-radius: 0.24rem 0.24rem 0px 0px;
border: 0.04rem solid #FFF783;
box-sizing: border-box;
padding: 0 0.52rem 0 0.2rem;
padding: 0 0.52rem 0.2rem 0.2rem;
display: flex;
align-items: center;
}
.page1 .my .num {
float: left;
@@ -619,6 +642,7 @@ body {
display: block;
margin-top: 0.2133333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .my .info {
float: left;
@@ -644,6 +668,7 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .my .info span {
color: #FFF783;
@@ -653,21 +678,26 @@ body {
}
.page1 .my .score {
display: flex;
float: right;
height: 1.7333333333rem;
line-height: 1.7333333333rem;
height: 0.88rem;
line-height: 0.88rem;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.6133333333rem;
align-items: center;
justify-content: center;
margin-left: auto;
}
.page1 .my .score img {
display: inline-block;
width: 0.3466666667rem;
height: 0.36rem;
margin: 0.6933333333rem 0.0666666667rem 0 0.0666666667rem;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .my .score b {
color: #FFF783;
font-weight: 500;
font-size: 0.3733333333rem;
font-weight: 400;
color: #2D2A00;
vertical-align: middle;
}
@@ -677,28 +707,31 @@ body {
}
.page2 .top {
width: 10rem;
height: 2.4rem;
height: 2.1333333333rem;
position: relative;
background: url(../images/topBg2.png) no-repeat;
background-size: 100% 100%;
margin: 0.7333333333rem auto -0.2rem;
margin: 0 auto -0.2rem;
overflow: hidden;
}
.page2 .top .tab {
width: 8.64rem;
height: 1.1733333333rem;
line-height: 1.1733333333rem;
width: 100%;
height: 1rem;
box-sizing: border-box;
line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0.7333333333rem auto 0.32rem;
margin: 0rem auto 0;
position: absolute;
top: 40%;
gap: 0.2666666667rem;
padding: 0 0.5333333333rem;
}
.page2 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
color: #FFF783;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
@@ -716,15 +749,13 @@ body {
.page2 .content {
width: 10rem;
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page2 .content .box {
width: 9.0666666667rem;
height: 38.96rem;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
width: 10rem;
height: 29.04rem;
margin: 0.2rem auto 0;
position: relative;
}
@@ -756,35 +787,34 @@ body {
}
.rules .rule_in {
width: 10rem;
height: 9.4933333333rem;
background: url(../images/ruleBg.png) no-repeat;
height: 6.4266666667rem;
background: url(../images/giftBox.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.9066666667rem;
height: 0.9066666667rem;
right: 0.1rem;
top: 0.0933333333rem;
right: 0.2666666667rem;
top: -0.08rem;
}
.rules .rule_in .titles {
width: 8.9333333333rem;
width: 7.5066666667rem;
height: 1.8533333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.6666666667rem;
top: 0.1066666667rem;
text-align: center;
color: #FFF783;
font-size: 0.4266666667rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
line-height: 1.8533333333rem;
background: url(../images/ruleTitle.png) no-repeat;
line-height: 2.6133333333rem;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.rules .rule_in .text {
@@ -795,7 +825,7 @@ body {
font-size: 0.3733333333rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.8533333333rem auto 0;
margin: 2.1333333333rem auto 0;
}
.rules .rule_in .text::-webkit-scrollbar {
display: none;
@@ -837,28 +867,18 @@ body {
}
.arabic .header {
background: url(../images/header-ar.png) no-repeat;
background: url(../images/header.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%;
.arabic .page1 .content ul li .score {
margin-right: auto;
margin-left: 0;
}
.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%;
.arabic .page1 .my .score {
margin-right: auto;
margin-left: 0;
}

314
view/molistar/activity/2025-YemenUnityDay/css/index.scss
View File

@@ -148,7 +148,7 @@ body {
height: px2rem(104);
// background: url(../images/timeBox.png) no-repeat;
// background-size: 100% 100%;
margin: px2rem(15) auto px2rem(32);
margin: px2rem(15) auto px2rem(22);
box-sizing: border-box;
padding: 0 px2rem(80);
display: flex;
@@ -192,13 +192,13 @@ body {
margin: px2rem(140) auto 0;
.top {
width: px2rem(750);
height: px2rem(930);
height: px2rem(1000);
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
// overflow: hidden;
padding: px2rem(8) 0 0;
.tab {
width:100%;
height: px2rem(75);
@@ -244,13 +244,13 @@ body {
}
.tx {
width: px2rem(154);
height: px2rem(154);
width: px2rem(178);
height: px2rem(178);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(73);
top: px2rem(100);
}
.name {
@@ -263,7 +263,7 @@ body {
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
top: px2rem(255);
top: px2rem(320);
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -284,13 +284,14 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
margin: 0 px2rem(6);
}
}
.id {
width: 100%;
position: absolute;
top: px2rem(300);
top: px2rem(366);
text-align: center;
left: 0;
z-index: 3;
@@ -300,38 +301,42 @@ body {
}
.score {
width: 100%;
height: px2rem(28);
line-height: px2rem(28);
// min-width: px2rem(201);
height: px2rem(66);
line-height: px2rem(66);
position: absolute;
top: px2rem(332);
left: 0;
top: px2rem(400);
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 px2rem(46);
b {
color: #FFF783;
color: #2D2A00;
font-size: px2rem(28);
font-weight: 400;
font-weight: 500;
}
img {
display: inline-block;
width: px2rem(28);
height: px2rem(28);
width: px2rem(32);
height: px2rem(32);
margin-right: 0.1rem;
}
}
}
.top2 {
width: px2rem(322);
height: px2rem(324);
width: px2rem(300);
height: px2rem(300);
position: absolute;
left: px2rem(40);
top: px2rem(600);
left: px2rem(50);
top: px2rem(550);
margin: 0 auto 0;
.ts {
@@ -344,13 +349,13 @@ body {
}
.tx {
width: px2rem(120);
height: px2rem(120);
width: px2rem(178);
height: px2rem(178);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(36);
top: px2rem(62);
}
.name {
@@ -363,7 +368,7 @@ body {
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
top: px2rem(189);
top: px2rem(284);
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -384,13 +389,14 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
margin: 0 px2rem(6);
}
}
.id {
width: 100%;
position: absolute;
top: px2rem(228);
top: px2rem(328);
text-align: center;
left: 0;
z-index: 3;
@@ -400,38 +406,42 @@ body {
}
.score {
width: 100%;
height: px2rem(28);
line-height: px2rem(28);
// width: 100%;
height: px2rem(66);
line-height: px2rem(66);
position: absolute;
top: px2rem(260);
left: 0;
top: px2rem(370);
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 px2rem(46);
b {
color: #FFF783;
color: #2D2A00;
font-size: px2rem(28);
font-weight: 400;
font-weight: 500;
}
img {
display: inline-block;
width: px2rem(28);
height: px2rem(28);
width: px2rem(32);
height: px2rem(32);
margin-right: 0.1rem;
}
}
}
.top3 {
width: px2rem(322);
height: px2rem(324);
width: px2rem(300);
height: px2rem(300);
position: absolute;
right: px2rem(40);
top: px2rem(600);
right: px2rem(50);
top: px2rem(550);
margin: 0 auto 0;
.ts {
@@ -444,13 +454,13 @@ body {
}
.tx {
width: px2rem(120);
height: px2rem(120);
width: px2rem(178);
height: px2rem(178);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(36);
top: px2rem(62);
}
.name {
@@ -463,7 +473,7 @@ body {
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
top: px2rem(189);
top: px2rem(284);
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -484,13 +494,14 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
margin: 0 px2rem(6);
}
}
.id {
width: 100%;
position: absolute;
top: px2rem(228);
top: px2rem(328);
text-align: center;
left: 0;
z-index: 3;
@@ -500,27 +511,31 @@ body {
}
.score {
width: 100%;
height: px2rem(28);
line-height: px2rem(28);
// width: 100%;
height: px2rem(66);
line-height: px2rem(66);
position: absolute;
top: px2rem(260);
left: 0;
top: px2rem(370);
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 px2rem(46);
b {
color: #FFF783;
color: #2D2A00;
font-size: px2rem(28);
font-weight: 400;
font-weight: 500;
}
img {
display: inline-block;
width: px2rem(28);
height: px2rem(28);
width: px2rem(32);
height: px2rem(32);
margin-right: 0.1rem;
}
}
@@ -551,25 +566,28 @@ body {
li {
width: 100%;
height: px2rem(116);
// height: px2rem(116);
background: linear-gradient(0deg, #9F0141, #760231);
border-radius: px2rem(18);
border: px2rem(3) solid #FFF783;
margin-bottom: px2rem(24);
// border: px2rem(3) solid #FFF783;
margin-bottom: px2rem(26);
overflow: hidden;
padding: 0 px2rem(24) 0 px2rem(15);
padding: 0 px2rem(24) px2rem(19) px2rem(15);
box-sizing: border-box;
background: url(../images/li_bg.png) no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
.num {
float: left;
width: px2rem(40);
height: 100%;
// height: 100%;
line-height: px2rem(116);
color: #FFF783;
font-size: px2rem(32);
font-weight: 600;
margin-right: px2rem(27);
text-align: center;
}
.tx {
@@ -579,8 +597,9 @@ body {
border-radius: 50%;
border: px2rem(2) solid #FFF783;
display: block;
margin-top: px2rem(16);
margin-top: px2rem(19);
margin-right: px2rem(14);
margin-left: px2rem(14);
}
.info {
@@ -608,6 +627,7 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
margin: 0 px2rem(6);
}
}
@@ -621,22 +641,26 @@ body {
.score {
display: flex;
float: right;
height: px2rem(116);
line-height: px2rem(116);
// float: right;
height: px2rem(66);
line-height: px2rem(66);
margin-left: auto;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 px2rem(46);
img {
display: inline-block;
width: px2rem(26);
height: px2rem(27);
margin: px2rem(45) px2rem(5) 0 px2rem(5);
width: px2rem(32);
height: px2rem(32);
margin: 0 px2rem(5) 0 px2rem(5);
vertical-align: middle;
}
b {
color: #FFF783;
font-weight: 500;
font-size: px2rem(28);
font-weight: 400;
color: #2D2A00;
vertical-align: middle;
}
}
@@ -666,13 +690,14 @@ body {
left: 50%;
transform: translateX(-50%);
width: px2rem(750);
height: px2rem(130);
background: linear-gradient(0deg, #9F0141, #760231);
// height: px2rem(130);
background: #500000;
border-radius: px2rem(18) px2rem(18) 0px 0px;
border: px2rem(3) solid #FFF783;
box-sizing: border-box;
padding: 0 px2rem(39) 0 px2rem(15);
padding: 0 px2rem(39) px2rem(15) px2rem(15);
display: flex;
align-items: center;
.num {
float: left;
width: px2rem(40);
@@ -694,6 +719,7 @@ body {
display: block;
margin-top: px2rem(16);
margin-right: px2rem(14);
margin-left: px2rem(14);
}
.info {
@@ -721,6 +747,7 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
margin: 0 px2rem(6);
}
}
@@ -734,22 +761,27 @@ body {
.score {
display: flex;
float: right;
height: px2rem(130);
line-height: px2rem(130);
// float: right;
height: px2rem(66);
line-height: px2rem(66);
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 px2rem(46);
align-items: center;
justify-content: center;
margin-left: auto;
img {
display: inline-block;
width: px2rem(26);
height: px2rem(27);
margin: px2rem(52) px2rem(5) 0 px2rem(5);
width: px2rem(32);
height: px2rem(32);
margin: 0 px2rem(5) 0 px2rem(5);
vertical-align: middle;
}
b {
color: #FFF783;
font-weight: 500;
font-size: px2rem(28);
font-weight: 400;
color: #2D2A00;
vertical-align: middle;
}
}
@@ -762,28 +794,32 @@ body {
.top {
width: px2rem(750);
height: px2rem(180);
height: px2rem(160);
position: relative;
background: url(../images/topBg2.png) no-repeat;
background-size: 100% 100%;
margin: px2rem(55) auto -0.2rem;
// background: url(../images/topBg.png) no-repeat;
// background-size: 100% 100%;
margin: 0 auto -0.2rem;
overflow: hidden;
.tab {
width: px2rem(648);
height: px2rem(88);
line-height: px2rem(88);
width:100%;
height: px2rem(75);
box-sizing: border-box;
line-height: px2rem(75);
text-align: center;
display: flex;
justify-content: space-between;
margin: px2rem(55) auto px2rem(24);
margin: px2rem(0) auto 0;
position: absolute;
top: 40%;
gap: px2rem(20);
padding: 0 px2rem(40);
div {
width: px2rem(325);
height: px2rem(75);
color: #FFF783;
color: #4D0D00;
font-size: px2rem(34);
font-weight: 600;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
@@ -806,15 +842,15 @@ body {
.content {
width: px2rem(750);
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background: url(../images/rewardBg.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%;
width: px2rem(750);
height: px2rem(2178);
// background: url(../images/rewardBg.png) no-repeat;
// background-size: 100% 100%;
margin: 0.2rem auto 0;
position: relative;
@@ -852,36 +888,36 @@ body {
.rule_in {
width: px2rem(750);
height: px2rem(712);
background: url(../images/ruleBg.png) no-repeat;
height: px2rem(482);
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
// overflow: hidden;
.close {
position: absolute;
width: px2rem(68);
height: px2rem(68);
right: 0.1rem;
top: px2rem(7);
right: px2rem(20);
top: px2rem(-6);
}
.titles {
width: px2rem(670);
width: px2rem(563);
height: px2rem(139);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(50);
top: px2rem(8);
text-align: center;
color: #FFF783;
font-size: px2rem(32);
color: #4D0D00;
font-size: px2rem(34);
font-weight: 600;
line-height: px2rem(139);
background: url(../images/ruleTitle.png) no-repeat;
line-height: px2rem(196);
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
@@ -893,7 +929,7 @@ body {
font-size: px2rem(28);
font-weight: 400;
line-height: px2rem(42);
margin: px2rem(214) auto 0;
margin: px2rem(160) auto 0;
&::-webkit-scrollbar {
display: none;
@@ -941,7 +977,7 @@ body {
.arabic {
.header {
background: url(../images/header-ar.png) no-repeat;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
}
@@ -949,29 +985,37 @@ body {
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%;
.page1 .content ul li .score {
margin-right: auto;
margin-left: 0;
}
.page2 .content .box {
background: url(../images/rewardBg-zh.png) no-repeat;
background-size: 100% 100%;
.page1 .my .score{
margin-right: auto;
margin-left: 0;
}
}
.Turkiye {
.header {
background: url(../images/header-tr.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-tr.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-YemenUnityDay/images/bottomBg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/box.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/close.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/contentBg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 999 B

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/li_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 MiB

After

Width:  |  Height:  |  Size: 941 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/score_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/top2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 96 KiB

BIN
view/molistar/activity/2025-YemenUnityDay/images/top3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 96 KiB

2
view/molistar/activity/2025-YemenUnityDay/index.html
View File

@@ -159,7 +159,7 @@
<img src="./images/bo.png" alt="" class="bo bo3"> -->
</div>
</div>
<div class="bottom"></div>
<!-- <div class="bottom"></div> -->
</div>
<div class="bottomText text12"></div>
<!-- 规则 -->

2
view/molistar/activity/2025-YemenUnityDay/js/index.js
View File

@@ -107,7 +107,7 @@ function getConfig() {
networkRequest({
type: 'get',
url: urlPrefix + '/activity/h5/template/rank',
data: { actKey: "valentinesDay" },
data: { actKey: "YemenUnityDay" },
success(res) {
if (res.code === 200) {
// 处理日期

13
view/molistar/activity/2025-YemenUnityDay/local/ar.js
View File

@@ -8,20 +8,19 @@ langAr = {
text1: `عيد الوحدة اليمنية`,
text3: `القواعد`,
text4:'هدايا المناسبات',
text5: `نتمنى للجميع كل التوفيق في هذا العيد المليء بالحب! لقد أنشأنا هدايا عيد حب محدودة الإصدار لجعل يوم عيد الحب أفضل. أرسل هدية عيد الحب واقضِ وقتًا ممتعًا مع من تحب!`,
text6: `أيام`,
text7: `ساعات`,
text8: `دقائق`,
text9: `ثواني`,
text10: `التصنيف`,
text11: `المكافآت`,
text12: `هذه الفعالية لا علاقة لها بـ Apple.`,
text122: `هذه الفعالية لا علاقة لها بـ Google.`,
text12: `حدث لا علاقة له بشركة آبل`,
text122: `حدث غير مرتبط بجوجل`,
text133: `القواعد`,
text13: `<p>1. أرسل هدايا عيد الحب المحددة خلال فترة الفعالية للمشاركة في التصنيف.</p>
<p>2. بعد انتهاء الفعالية، سيتم احتساب أفضل 3 مستخدمين في التصنيف.</p>
<p>3. سيحصل أفضل 3 مستخدمين على المكافآت، وسيتم إصدار المكافآت في اليوم التالي لانتهاء الفعالية.</p>
<p>4. جميع حقوق تفسير هذه الفعالية تعود إلى المنصة وليس لها أي علاقة بـ Google وApple.</p>`,
text13: `<P>1.خلال فترة الحدث، يمكنك الانضمام إلى الترتيب عن طريق إرسال الدول المعينة.</p>
<P>2.في نهاية الحدث، سيحصل أفضل 3 مستخدمين على مكافأة سخية.</p>
<P>3.سيتم دفع المكافآت في اليوم التالي لانتهاء الحدث</p>
<P>4.لا علاقة للحدث بـ Google/Apple.</p> `,
more: `المزيد`,
month: `شهر`,
day: `يوم`,

13
view/molistar/activity/2025-YemenUnityDay/local/en.js
View File

@@ -6,20 +6,19 @@ langEn = {
text1:`Yemen Unity Day`,
text3:`Rules`,
text4:`Event 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.`,
text12: `Event not related to Apple.`,
text122: `Event not related to 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>`,
text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
<p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
<p>3.Rewards will be paid out the day after the event ends</p>
<p>4.Event has nothing to do with Google/Apple.</p>`,
more: 'More',
month: 'Month',
day: 'Day',