diff --git a/view/molistar/activity/2025-celebrateEid/css/index.css b/view/molistar/activity/2025-celebrateEid/css/index.css index 0a1d895..ee96e66 100644 --- a/view/molistar/activity/2025-celebrateEid/css/index.css +++ b/view/molistar/activity/2025-celebrateEid/css/index.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; html, body { width: 100%; @@ -1442,23 +1443,35 @@ body { line-height: 0.4533333333rem; } .page2 .ramadanGifts .c .gifyBigBox { - width: 8.6rem; - height: 3.6rem; - margin: 0 auto 0; - overflow-x: scroll; + height: 3rem; + margin: 0 0.6666666667rem 0; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + /* 隐藏滚动条 */ +} +.page2 .ramadanGifts .c .gifyBigBox::-webkit-scrollbar { + display: none; } .page2 .ramadanGifts .c .gifyBigBox .gift { - width: 20rem; + width: 10rem; padding: 0 0.6666666667rem; + display: flex; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + /* 隐藏滚动条 */ +} +.page2 .ramadanGifts .c .gifyBigBox .gift::-webkit-scrollbar { + display: none; } .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox { - float: left; width: 2.2666666667rem; height: 2.2666666667rem; background: url(../images/page3GiftBg.png) no-repeat; background-size: 100% 100%; position: relative; - margin-right: 1.0666666667rem; + margin-right: 0.2666666667rem; margin-top: 0.2666666667rem; } .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox .sTitle { @@ -2119,6 +2132,10 @@ body { margin: 0.3066666667rem auto 2.1333333333rem; } +.arabic .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox { + margin-left: 0.2666666667rem; + margin-right: 0; +} .arabic .header { background: url(../images/header-ar.png) no-repeat; background-size: 100% 100%; diff --git a/view/molistar/activity/2025-celebrateEid/css/index.scss b/view/molistar/activity/2025-celebrateEid/css/index.scss index 5df0ff6..f6a2e59 100644 --- a/view/molistar/activity/2025-celebrateEid/css/index.scss +++ b/view/molistar/activity/2025-celebrateEid/css/index.scss @@ -1560,7 +1560,7 @@ body { // background: -webkit-linear-gradient(left, #fff, #FFED26); -webkit-background-clip: text; background-clip: text; - color:#140600; + color: #140600; img { display: inline-block; @@ -1635,23 +1635,39 @@ body { } .gifyBigBox { - width: 8.6rem; - height: 3.6rem; - margin: 0 auto 0; - overflow-x: scroll; + // width: 8rem; + height: 3rem; + margin: 0 px2rem(50) 0; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + + /* 隐藏滚动条 */ + &::-webkit-scrollbar { + display: none; // 隐藏 Webkit 浏览器(如 iOS、Chrome)滚动条 + } .gift { - width: 20rem; + width: 10rem; padding: 0 px2rem(50); + display: flex; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + + /* 隐藏滚动条 */ + &::-webkit-scrollbar { + display: none; // 隐藏 Webkit 浏览器(如 iOS、Chrome)滚动条 + } .giftBox { - float: left; + // float: left; width: px2rem(170); height: px2rem(170); background: url(../images/page3GiftBg.png) no-repeat; background-size: 100% 100%; position: relative; - margin-right: px2rem(80); + margin-right: px2rem(20); margin-top: px2rem(20); .sTitle { @@ -1730,6 +1746,7 @@ body { margin: 0 auto px2rem(-5); overflow: hidden; position: relative; + .title { width: px2rem(550); height: px2rem(102); @@ -1820,7 +1837,7 @@ body { height: px2rem(248); background: url(../images/page3Bg2.png) no-repeat; background-size: 100% 100%; - margin: 0 auto ; + margin: 0 auto; position: relative; display: none; @@ -1859,9 +1876,10 @@ body { } } } - .no_bg{ + + .no_bg { background: url(../images/no1_bg.png) no-repeat; - background-size: 100% 100%; + background-size: 100% 100%; width: px2rem(672); height: px2rem(872); margin: 0 px2rem(40); @@ -1875,7 +1893,8 @@ body { position: relative; margin: 0 auto 0; background: url(../images/no1.png) no-repeat; - background-size: 100% 100%; + background-size: 100% 100%; + .rewards { display: none; position: absolute; @@ -1978,6 +1997,7 @@ body { position: relative; z-index: 2; margin-top: px2rem(20); + .no2 { width: px2rem(322); height: px2rem(347); @@ -2405,6 +2425,10 @@ body { } .arabic { + .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox{ + margin-left: px2rem(20); + margin-right: 0; + } .header { background: url(../images/header-ar.png) no-repeat; background-size: 100% 100%; diff --git a/view/molistar/activity/2025-celebrateEid/images/holyQuran.png b/view/molistar/activity/2025-celebrateEid/images/holyQuran.png index 7454b07..efa1f26 100644 Binary files a/view/molistar/activity/2025-celebrateEid/images/holyQuran.png and b/view/molistar/activity/2025-celebrateEid/images/holyQuran.png differ diff --git a/view/molistar/activity/2025-celebrateEid/images/luckyLanterns.png b/view/molistar/activity/2025-celebrateEid/images/luckyLanterns.png index 393f34e..8190613 100644 Binary files a/view/molistar/activity/2025-celebrateEid/images/luckyLanterns.png and b/view/molistar/activity/2025-celebrateEid/images/luckyLanterns.png differ diff --git a/view/molistar/activity/2025-celebrateEid/images/medal.png b/view/molistar/activity/2025-celebrateEid/images/medal.png index 47c6a51..de9cea5 100644 Binary files a/view/molistar/activity/2025-celebrateEid/images/medal.png and b/view/molistar/activity/2025-celebrateEid/images/medal.png differ diff --git a/view/molistar/activity/2025-celebrateEid/images/page3GiftBg.png b/view/molistar/activity/2025-celebrateEid/images/page3GiftBg.png index 8ed790d..470233e 100644 Binary files a/view/molistar/activity/2025-celebrateEid/images/page3GiftBg.png and b/view/molistar/activity/2025-celebrateEid/images/page3GiftBg.png differ diff --git a/view/molistar/activity/2025-celebrateEid/images/ramadan.png b/view/molistar/activity/2025-celebrateEid/images/ramadan.png index 0a0cc45..33c315f 100644 Binary files a/view/molistar/activity/2025-celebrateEid/images/ramadan.png and b/view/molistar/activity/2025-celebrateEid/images/ramadan.png differ diff --git a/view/molistar/activity/2025-celebrateEid/images/ramadanLanterns.png b/view/molistar/activity/2025-celebrateEid/images/ramadanLanterns.png index 8883743..edc77ca 100644 Binary files a/view/molistar/activity/2025-celebrateEid/images/ramadanLanterns.png and b/view/molistar/activity/2025-celebrateEid/images/ramadanLanterns.png differ diff --git a/view/molistar/activity/2025-celebrateEid/index.html b/view/molistar/activity/2025-celebrateEid/index.html index 1f03af8..39a4c67 100644 --- a/view/molistar/activity/2025-celebrateEid/index.html +++ b/view/molistar/activity/2025-celebrateEid/index.html @@ -337,34 +337,20 @@