diff --git a/view/molistar/activity/2025-valentineDay/css/index.css b/view/molistar/activity/2025-valentineDay/css/index.css new file mode 100644 index 00000000..144bdac7 --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/css/index.css @@ -0,0 +1,954 @@ +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 .top { + width: 10rem; + height: 12.4rem; + position: relative; + background: url(../images/topBg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto 0; +} + +.page1 .top .tab { + width: 8.64rem; + height: 1.17333rem; + line-height: 1.17333rem; + text-align: center; + display: flex; + justify-content: space-between; + margin: 0 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; +} + +.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: 42.21333rem; + 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: 0rem; + 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%; +} + +.Turkiye .timeBox { + width: 10rem; +} + +.Turkiye .timeBox div { + width: 1.6rem; +} diff --git a/view/molistar/activity/2025-valentineDay/css/index.scss b/view/molistar/activity/2025-valentineDay/css/index.scss new file mode 100644 index 00000000..558e48f3 --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/css/index.scss @@ -0,0 +1,976 @@ +@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; + + .top { + width: px2rem(750); + height: px2rem(930); + position: relative; + background: url(../images/topBg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto 0; + + .tab { + width: px2rem(648); + height: px2rem(88); + line-height: px2rem(88); + text-align: center; + display: flex; + justify-content: space-between; + margin: 0 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; + + .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(3166); + 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: px2rem(0); + 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%; + } + + .timeBox { + width: px2rem(750); + + div { + width: 1.6rem; + } + } +} \ No newline at end of file diff --git a/view/molistar/activity/2025-valentineDay/images/actTab.png b/view/molistar/activity/2025-valentineDay/images/actTab.png new file mode 100644 index 00000000..2c24d2eb Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/actTab.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/bo.png b/view/molistar/activity/2025-valentineDay/images/bo.png new file mode 100644 index 00000000..5b1d3829 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/bo.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/bottomBg.png b/view/molistar/activity/2025-valentineDay/images/bottomBg.png new file mode 100644 index 00000000..98ebffd7 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/bottomBg.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/box.png b/view/molistar/activity/2025-valentineDay/images/box.png new file mode 100644 index 00000000..03a42172 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/box.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/close.png b/view/molistar/activity/2025-valentineDay/images/close.png new file mode 100644 index 00000000..3c7e8d45 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/close.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/contentBg.png b/view/molistar/activity/2025-valentineDay/images/contentBg.png new file mode 100644 index 00000000..5576ba4a Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/contentBg.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/giftBox.png b/view/molistar/activity/2025-valentineDay/images/giftBox.png new file mode 100644 index 00000000..5cfe4e13 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/giftBox.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/header-ar.png b/view/molistar/activity/2025-valentineDay/images/header-ar.png new file mode 100644 index 00000000..56532b99 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/header-ar.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/header-tr.png b/view/molistar/activity/2025-valentineDay/images/header-tr.png new file mode 100644 index 00000000..69509772 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/header-tr.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/header-zh.png b/view/molistar/activity/2025-valentineDay/images/header-zh.png new file mode 100644 index 00000000..5ae5d72d Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/header-zh.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/header.png b/view/molistar/activity/2025-valentineDay/images/header.png new file mode 100644 index 00000000..30435ca2 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/header.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/logo.png b/view/molistar/activity/2025-valentineDay/images/logo.png new file mode 100644 index 00000000..ae87e7d9 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/logo.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/rewardBg-ar.png b/view/molistar/activity/2025-valentineDay/images/rewardBg-ar.png new file mode 100644 index 00000000..7b7ff100 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/rewardBg-ar.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/rewardBg-tr.png b/view/molistar/activity/2025-valentineDay/images/rewardBg-tr.png new file mode 100644 index 00000000..0e938736 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/rewardBg-tr.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/rewardBg-zh.png b/view/molistar/activity/2025-valentineDay/images/rewardBg-zh.png new file mode 100644 index 00000000..20f1cf84 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/rewardBg-zh.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/rewardBg.png b/view/molistar/activity/2025-valentineDay/images/rewardBg.png new file mode 100644 index 00000000..8dd892d1 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/rewardBg.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/ruleBg.png b/view/molistar/activity/2025-valentineDay/images/ruleBg.png new file mode 100644 index 00000000..54701802 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/ruleBg.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/ruleTitle.png b/view/molistar/activity/2025-valentineDay/images/ruleTitle.png new file mode 100644 index 00000000..b27cb131 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/ruleTitle.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/rule_icon.png b/view/molistar/activity/2025-valentineDay/images/rule_icon.png new file mode 100644 index 00000000..a0b0f697 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/rule_icon.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/sGiftBox.png b/view/molistar/activity/2025-valentineDay/images/sGiftBox.png new file mode 100644 index 00000000..ccaffbe2 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/sGiftBox.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/tab.png b/view/molistar/activity/2025-valentineDay/images/tab.png new file mode 100644 index 00000000..4b4efb5e Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/tab.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/timeBox.png b/view/molistar/activity/2025-valentineDay/images/timeBox.png new file mode 100644 index 00000000..bf40b31f Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/timeBox.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/timeBox_in.png b/view/molistar/activity/2025-valentineDay/images/timeBox_in.png new file mode 100644 index 00000000..db0617a7 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/timeBox_in.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/time_bg.png b/view/molistar/activity/2025-valentineDay/images/time_bg.png new file mode 100644 index 00000000..bd375dee Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/time_bg.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/title.png b/view/molistar/activity/2025-valentineDay/images/title.png new file mode 100644 index 00000000..b27cb131 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/title.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/top1.png b/view/molistar/activity/2025-valentineDay/images/top1.png new file mode 100644 index 00000000..2973f797 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/top1.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/top2.png b/view/molistar/activity/2025-valentineDay/images/top2.png new file mode 100644 index 00000000..60730a32 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/top2.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/top3.png b/view/molistar/activity/2025-valentineDay/images/top3.png new file mode 100644 index 00000000..660f63b7 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/top3.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/topBg.png b/view/molistar/activity/2025-valentineDay/images/topBg.png new file mode 100644 index 00000000..dcedf611 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/topBg.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/topBg2.png b/view/molistar/activity/2025-valentineDay/images/topBg2.png new file mode 100644 index 00000000..f705af4a Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/topBg2.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/travel/back.png b/view/molistar/activity/2025-valentineDay/images/travel/back.png new file mode 100644 index 00000000..2b3812da Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/travel/back.png differ diff --git a/view/molistar/activity/2025-valentineDay/images/travel/backB.png b/view/molistar/activity/2025-valentineDay/images/travel/backB.png new file mode 100644 index 00000000..92e190c7 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/images/travel/backB.png differ diff --git a/view/molistar/activity/2025-valentineDay/index.html b/view/molistar/activity/2025-valentineDay/index.html new file mode 100644 index 00000000..5693f937 --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/index.html @@ -0,0 +1,205 @@ + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+
+
+ + Name +
+
+ + Name +
+
+ + Name +
+
+
+ +
+
+ 00 + +
+
+ 00 + +
+
+ 00 + +
+
+ 00 + +
+
+ +
+
+ +
+
+
+
+ +
+ + +
+ 名字 + +
+
ID:0
+
+ + 0K +
+
+
+ + +
+ 名字 + +
+
ID:0
+
+ + 0K +
+
+
+ + +
+ 名字 + +
+
ID:0
+
+ + 0K +
+
+
+
+ +
More
+
+
+
+
04
+ +
+

+ 名字 + +

+ ID:1234567 +
+
+ + 0K +
+
+
+ +
+
+ +
+
Ranking
+
Rewards
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+ + +
+
+ + +
+
+ + +
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/activity/2025-valentineDay/js/index.js b/view/molistar/activity/2025-valentineDay/js/index.js new file mode 100644 index 00000000..382f95ce --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/js/index.js @@ -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 += ` +
  • +
    ${res.rank}
    + +
    +

    + ${res.name} + +

    + ID:${res.erbanNo} +
    +
    + + ${unitProcessingAr(res.totalNum, 2)} +
    +
    • + ` + }) + // 將數據插入到列表中 + $('.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(); +}) \ No newline at end of file diff --git a/view/molistar/activity/2025-valentineDay/local/ar.js b/view/molistar/activity/2025-valentineDay/local/ar.js new file mode 100644 index 00000000..fe1b2511 --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/local/ar.js @@ -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: `

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

    +

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

    +

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

    +

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

    `, + more: `المزيد`, + month: `شهر`, + day: `يوم`, + waiting: `في انتظار`, + } + +} \ No newline at end of file diff --git a/view/molistar/activity/2025-valentineDay/local/en.js b/view/molistar/activity/2025-valentineDay/local/en.js new file mode 100644 index 00000000..f2dfe2eb --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/local/en.js @@ -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: `

    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.

    `, + more: 'More', + month: 'Month', + day: 'Day', + waiting: 'Waiting', + }, +} diff --git a/view/molistar/activity/2025-valentineDay/local/tr.js b/view/molistar/activity/2025-valentineDay/local/tr.js new file mode 100644 index 00000000..203e336e --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/local/tr.js @@ -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: `

    1. Etkinlik süresi boyunca belirlenen Sevgililer Günü Hediyelerini göndererek sıralamaya katılabilirsiniz.

    +

    2. Etkinlik sonunda en iyi 3 kullanıcı sıralamada belirlenecektir.

    +

    3. İlk 3 kullanıcı ödüller kazanacaktır ve ödüller etkinlikten sonraki gün dağıtılacaktır.

    +

    4. Bu etkinliğin tüm yorumlama hakları platforma aittir ve Google veya Apple ile hiçbir ilgisi yoktur.

    `, + more: `Daha fazla`, + month: `Ay`, + day: `Gün`, + waiting: `Bekleniyor`, + } + + +} \ No newline at end of file diff --git a/view/molistar/activity/2025-valentineDay/local/zh.js b/view/molistar/activity/2025-valentineDay/local/zh.js new file mode 100644 index 00000000..5d3362cd --- /dev/null +++ b/view/molistar/activity/2025-valentineDay/local/zh.js @@ -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: `

    1. 在活動期間送出指定的情人節禮物，即可參與排行榜。

    +

    2. 活動結束後，統計排行榜前3名的用戶。

    +

    3. 前3名的用戶將獲得獎勵，獎勵將於活動結束後的第二天發放。

    +

    4. 本活動的最終解釋權歸平台所有，與Google和Apple無關。

    `, + more: `更多`, + month: `月`, + day: `日`, + waiting: `等待中`, + } + +} \ No newline at end of file diff --git a/view/molistar/activity/2025-valentineDay/mp4/1.mp4 b/view/molistar/activity/2025-valentineDay/mp4/1.mp4 new file mode 100644 index 00000000..41459b8a Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/mp4/1.mp4 differ diff --git a/view/molistar/activity/2025-valentineDay/mp4/2.mp4 b/view/molistar/activity/2025-valentineDay/mp4/2.mp4 new file mode 100644 index 00000000..487f8527 Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/mp4/2.mp4 differ diff --git a/view/molistar/activity/2025-valentineDay/mp4/3.mp4 b/view/molistar/activity/2025-valentineDay/mp4/3.mp4 new file mode 100644 index 00000000..fa3eed3f Binary files /dev/null and b/view/molistar/activity/2025-valentineDay/mp4/3.mp4 differ diff --git a/view/molistar/common/local/langHandler.js b/view/molistar/common/local/langHandler.js index 9688d058..1fbc681c 100644 --- a/view/molistar/common/local/langHandler.js +++ b/view/molistar/common/local/langHandler.js @@ -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('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" + '土耳其')