diff --git a/view/molistar/activity/2025-YemenUnityDay/css/index.css b/view/molistar/activity/2025-YemenUnityDay/css/index.css index 1ac03413..d42a40b2 100644 --- a/view/molistar/activity/2025-YemenUnityDay/css/index.css +++ b/view/molistar/activity/2025-YemenUnityDay/css/index.css @@ -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; } \ No newline at end of file diff --git a/view/molistar/activity/2025-YemenUnityDay/css/index.scss b/view/molistar/activity/2025-YemenUnityDay/css/index.scss index 77f14dc2..49986a7e 100644 --- a/view/molistar/activity/2025-YemenUnityDay/css/index.scss +++ b/view/molistar/activity/2025-YemenUnityDay/css/index.scss @@ -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%; +// } +// } -} \ No newline at end of file +// .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%; +// } + +// } \ No newline at end of file diff --git a/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png b/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png index 98ebffd7..343fc5b8 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png and b/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/box.png b/view/molistar/activity/2025-YemenUnityDay/images/box.png index 03a42172..e0f0b100 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/box.png and b/view/molistar/activity/2025-YemenUnityDay/images/box.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/close.png b/view/molistar/activity/2025-YemenUnityDay/images/close.png index 3c7e8d45..8110bdde 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/close.png and b/view/molistar/activity/2025-YemenUnityDay/images/close.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png b/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png index eb72b870..216e4a1c 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png and b/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/li_bg.png b/view/molistar/activity/2025-YemenUnityDay/images/li_bg.png new file mode 100644 index 00000000..b6619585 Binary files /dev/null and b/view/molistar/activity/2025-YemenUnityDay/images/li_bg.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/logo.png b/view/molistar/activity/2025-YemenUnityDay/images/logo.png index e122ccc7..ae87e7d9 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/logo.png and b/view/molistar/activity/2025-YemenUnityDay/images/logo.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png b/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png index 8dd892d1..1d722268 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png and b/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/score_bg.png b/view/molistar/activity/2025-YemenUnityDay/images/score_bg.png new file mode 100644 index 00000000..cbd88e43 Binary files /dev/null and b/view/molistar/activity/2025-YemenUnityDay/images/score_bg.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/top2.png b/view/molistar/activity/2025-YemenUnityDay/images/top2.png index 60730a32..81eeeffc 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/top2.png and b/view/molistar/activity/2025-YemenUnityDay/images/top2.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/images/top3.png b/view/molistar/activity/2025-YemenUnityDay/images/top3.png index 660f63b7..edab93a8 100644 Binary files a/view/molistar/activity/2025-YemenUnityDay/images/top3.png and b/view/molistar/activity/2025-YemenUnityDay/images/top3.png differ diff --git a/view/molistar/activity/2025-YemenUnityDay/index.html b/view/molistar/activity/2025-YemenUnityDay/index.html index 2161c570..bfba3602 100644 --- a/view/molistar/activity/2025-YemenUnityDay/index.html +++ b/view/molistar/activity/2025-YemenUnityDay/index.html @@ -159,7 +159,7 @@ --> -
+
diff --git a/view/molistar/activity/2025-YemenUnityDay/js/index.js b/view/molistar/activity/2025-YemenUnityDay/js/index.js index ec324934..5386ec1f 100644 --- a/view/molistar/activity/2025-YemenUnityDay/js/index.js +++ b/view/molistar/activity/2025-YemenUnityDay/js/index.js @@ -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) { // 处理日期 diff --git a/view/molistar/activity/2025-YemenUnityDay/local/ar.js b/view/molistar/activity/2025-YemenUnityDay/local/ar.js index cb6b4662..6352132c 100644 --- a/view/molistar/activity/2025-YemenUnityDay/local/ar.js +++ b/view/molistar/activity/2025-YemenUnityDay/local/ar.js @@ -8,20 +8,19 @@ langAr = { text1: `عيد الوحدة اليمنية`, text3: `القواعد`, text4:'هدايا المناسبات', - text5: `نتمنى للجميع كل التوفيق في هذا العيد المليء بالحب! لقد أنشأنا هدايا عيد حب محدودة الإصدار لجعل يوم عيد الحب أفضل. أرسل هدية عيد الحب واقضِ وقتًا ممتعًا مع من تحب!`, text6: `أيام`, text7: `ساعات`, text8: `دقائق`, text9: `ثواني`, text10: `التصنيف`, text11: `المكافآت`, - text12: `هذه الفعالية لا علاقة لها بـ Apple.`, - text122: `هذه الفعالية لا علاقة لها بـ Google.`, + text12: `حدث لا علاقة له بشركة آبل`, + text122: `حدث غير مرتبط بجوجل`, text133: `القواعد`, - text13: `

1. أرسل هدايا عيد الحب المحددة خلال فترة الفعالية للمشاركة في التصنيف.

-

2. بعد انتهاء الفعالية، سيتم احتساب أفضل 3 مستخدمين في التصنيف.

-

3. سيحصل أفضل 3 مستخدمين على المكافآت، وسيتم إصدار المكافآت في اليوم التالي لانتهاء الفعالية.

-

4. جميع حقوق تفسير هذه الفعالية تعود إلى المنصة وليس لها أي علاقة بـ Google وApple.

`, + text13: `

1.خلال فترة الحدث، يمكنك الانضمام إلى الترتيب عن طريق إرسال الدول المعينة.

+

2.في نهاية الحدث، سيحصل أفضل 3 مستخدمين على مكافأة سخية.

+

3.سيتم دفع المكافآت في اليوم التالي لانتهاء الحدث

+

4.لا علاقة للحدث بـ Google/Apple.

`, more: `المزيد`, month: `شهر`, day: `يوم`, diff --git a/view/molistar/activity/2025-YemenUnityDay/local/en.js b/view/molistar/activity/2025-YemenUnityDay/local/en.js index 10ab66b1..d403e3f1 100644 --- a/view/molistar/activity/2025-YemenUnityDay/local/en.js +++ b/view/molistar/activity/2025-YemenUnityDay/local/en.js @@ -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: `

1. Send the designated Valentine's Day Gifts during the event period to participate in the ranking.

-

2. After the event, the Top3 users on the ranking will be counted.

-

3. The Top3 users will receive rewards, and the rewards will be issued on the second day after the event.

-

4. All interpretation rights of this event belong to the platform and have nothing to do with Google and Apple.

`, + text13: `

1.During the event period, you can join the ranking by sending the designated countries.

+

2.At the end of the event, the Top3 users will receive a generous reward.

+

3.Rewards will be paid out the day after the event ends

+

4.Event has nothing to do with Google/Apple.

`, more: 'More', month: 'Month', day: 'Day',