diff --git a/view/molistar/modules/dailyConsumption/css/index.css b/view/molistar/modules/dailyConsumption/css/index.css index a7ce37e2..d5d5ee5c 100644 --- a/view/molistar/modules/dailyConsumption/css/index.css +++ b/view/molistar/modules/dailyConsumption/css/index.css @@ -6,20 +6,21 @@ body { .back { width: 100%; - height: 0.5866666667rem; - line-height: 0.5866666667rem; + height: 0.58667rem; + line-height: 0.58667rem; position: fixed; left: 0; - top: 0.8666666667rem; + top: 0.86667rem; text-align: center; color: #FFFFFF; - font-size: 0.5066666667rem; + font-size: 0.50667rem; font-weight: bold; z-index: 10; } + .back img { - width: 0.5866666667rem; - height: 0.5866666667rem; + width: 0.58667rem; + height: 0.58667rem; position: absolute; left: 0.24rem; top: 0rem; @@ -27,234 +28,147 @@ body { .header { width: 10rem; - height: 23.4133333333rem; + height: 12.53333rem; background: url(../images/header.png) no-repeat; background-size: 100% 100%; margin: 0 auto; position: relative; } -.header .date_tip { - background: url(../images/date_tip.png) no-repeat; - background-size: 100% 100%; - position: absolute; - top: 5.4666666667rem; - left: 50%; - transform: translateX(-50%); - font-family: PingFang SC; - font-weight: 600; - font-size: 0.3733333333rem; - color: #FFF783; - padding: 0.16rem 0; - min-width: 6.6666666667rem; - text-align: center; -} + .header .rule_icon { - width: 1.8666666667rem; - height: 0.6666666667rem; - line-height: 0.6666666667rem; + width: 1.86667rem; + height: 0.66667rem; + line-height: 0.6rem; background: url(../images/rule_cion.png) no-repeat; background-size: 100% 100%; color: #FFED70; - font-size: 0.3733333333rem; + font-size: 0.37333rem; font-weight: 500; position: absolute; - top: 8.96rem; + top: 5.49333rem; right: 0rem; text-align: center; text-indent: 2px; } -.header .lastTopUserVos { - top: 10rem; - position: relative; -} -.header .lastTopUserVos .bg_img { - width: 10rem; - height: 7.6rem; - position: absolute; - z-index: 10; -} -.header .lastTopUserVos .avatar { - width: 4.1066666667rem; - height: 4.1066666667rem; - position: absolute; - top: 1.2933333333rem; - left: 50%; - transform: translateX(-50%); -} -.header .lastTopUserVos .avatar img { - width: 100%; - height: 100%; - object-fit: contain; - border-radius: 50%; -} -.header .lastTopUserVos .title { - font-family: PingFang SC; - font-weight: 600; - font-size: 0.4266666667rem; - color: #FFF783; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 5.6rem; - z-index: 99; -} -.header .lastTopUserVos .nick { - font-family: PingFang SC; - font-weight: 600; - font-size: 0.4533333333rem; - color: #FFF783; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 6.8666666667rem; - z-index: 99; -} -.header .tab_list { - position: absolute; - top: 18.04rem; - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; -} -.header .tab_list .tab_box { - width: 3.2666666667rem; - background: url(../images/tab_bg.png) no-repeat; - background-size: 100% 100%; - font-family: PingFang SC; - font-weight: 600; - font-size: 0.4rem; - color: #FFE4E4; - line-height: 0.4266666667rem; - padding: 0.6666666667rem 0; - text-align: center; -} -.header .tab_list .act_tab { - background: url(../images/act_tab_bg.png) no-repeat; - background-size: 100% 100%; - color: #FFF783; -} + .header .timeBox { + width: 7.16rem; + height: 1.62667rem; box-sizing: border-box; - padding: 0 0.6666666667rem; + padding: 0 0.66667rem; position: absolute; - top: 20.2rem; + top: 8.48rem; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; } -.header .timeBox .hour, -.header .timeBox .min, -.header .timeBox .sec, -.header .timeBox .day { - width: 1.4666666667rem; - height: 1.3333333333rem; + +.header .timeBox div { + width: 1.33333rem; + height: 1.33333rem; background: url(../images/time.png) no-repeat; background-size: 100% 100%; + position: relative; text-align: center; - padding-top: 0.1333333333rem; + line-height: 1.33333rem; } -.header .timeBox .hour b, -.header .timeBox .min b, -.header .timeBox .sec b, -.header .timeBox .day b { + +.header .timeBox div b { color: #FFED70; - font-size: 0.5866666667rem; + font-size: 0.58667rem; font-weight: 600; font-family: PingFang SC; } -.header .timeBox .hour p, -.header .timeBox .min p, -.header .timeBox .sec p, -.header .timeBox .day p { + +.header .timeBox div span { + width: 2.4rem; + height: 0.48rem; + line-height: 0.48rem; + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: -0.54667rem; text-align: center; color: #FFED70; - font-size: 0.3733333333rem; + font-size: 0.37333rem; font-weight: 400; font-family: PingFang SC; - margin-top: 0.1333333333rem; -} -.header .timeBox .maohao { - display: flex; - align-items: center; - margin: 0 0.2266666667rem; -} -.header .timeBox .maohao img { - width: 0.2133333333rem; - height: 0.5333333333rem; + background: url(../images/timeBg.png) no-repeat; + background-size: 100% 100%; } + .header .timeBox .day { - margin-right: 0.6666666667rem; + margin-right: 0.78667rem; } + .header .timeBox .colon { - width: 0.2133333333rem; - height: 0.5333333333rem; + width: 0.21333rem; + height: 0.53333rem; background: url(../images/colon.png) no-repeat; background-size: 100% 100%; - margin: 0 0.2266666667rem; - margin-top: 0.5466666667rem; + margin: 0 0.22667rem; + margin-top: 0.54667rem; } .myBox { width: 10rem; - height: 8.0533333333rem; - background: url(../images/day_box.png) no-repeat; + height: 8.05333rem; + background: url(../images/box.png) no-repeat; background-size: 100% 100%; - margin: -1.1rem auto 0.4666666667rem; + margin: -1.1rem auto 0.46667rem; position: relative; - padding: 1.68rem 1rem; - box-sizing: border-box; } -.myBox .info { - display: flex; - align-items: center; -} -.myBox .info .left .ts { - width: 2.08rem; - height: 2.08rem; + +.myBox .ts { + width: 1.70667rem; + height: 1.70667rem; position: absolute; + left: 50%; + transform: translateX(-50%); + top: 2.44rem; z-index: 2; } -.myBox .info .left .tx { - width: 2.08rem; - height: 2.08rem; + +.myBox .tx { + width: 1.70667rem; + height: 1.70667rem; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 2.44rem; z-index: 1; border-radius: 50%; } -.myBox .info .right { - margin: 0 0.2666666667rem; -} -.myBox .info .right .name { + +.myBox .name { + width: 4.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; - color: #FFF783; - font-size: 0.4533333333rem; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 4.28rem; + text-align: center; + color: #FFED70; + font-size: 0.37333rem; font-weight: 600; - font-family: PingFang SC; -} -.myBox .info .right .Today_Support, -.myBox .info .right .Upgrade_Requires { - font-family: PingFang SC; - font-weight: 400; - font-size: 0.3733333333rem; - color: #FFF783; - line-height: 0.56rem; - margin-top: 0.2666666667rem; } + .myBox .lineBox { - width: 8rem; - height: 0.2133333333rem; - border-radius: 0.2133333333rem; - background: #000000; + width: 8.26667rem; + height: 0.21333rem; + border-radius: 0.21333rem; + background: #824115; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); - top: 5.6rem; - border-radius: 0.2133333333rem; + top: 5.85333rem; + border-radius: 0.21333rem; } + .myBox .lineBox .line { width: 0%; height: 100%; @@ -262,58 +176,58 @@ body { left: 0; top: 0; background: linear-gradient(90deg, #FBF392, #FCB41B); - border-radius: 0.2133333333rem; + border-radius: 0.21333rem; } + .myBox .lineBox .boxs { - width: 0.88rem; - height: 0.88rem; + width: 0.82667rem; + height: 0.82667rem; + background: url(../images/false.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); } + .myBox .lineBox .boxs span { - height: 0.4533333333rem; - line-height: 0.4533333333rem; + height: 0.45333rem; + line-height: 0.45333rem; position: absolute; left: 50%; transform: translate(-50%); - top: -0.6666666667rem; + top: -0.66667rem; display: flex; color: #FFED70; - font-size: 0.3466666667rem; + font-size: 0.34667rem; font-weight: 400; } + .myBox .lineBox .boxs span img { display: block; - width: 0.4533333333rem; - height: 0.4533333333rem; - margin: 0 0.0666666667rem; -} -.myBox .lineBox .boxs:nth-child(odd) span { - top: 0.9333333333rem; + width: 0.45333rem; + height: 0.45333rem; + margin: 0 0.06667rem; } + .myBox .lineBox .box1 { - left: 0rem; + left: 2rem; } + .myBox .lineBox .box2 { - left: 0rem; + left: 4.52rem; } + .myBox .lineBox .box3 { - left: 0rem; -} -.myBox .lineBox .box4 { - left: 0rem; -} -.myBox .lineBox .box5 { right: 0rem; } + .myBox .lineBox .act { background: url(../images/true.png) no-repeat; background-size: 100% 100%; } + .myBox .tetxBox { - width: 8.2666666667rem; + width: 8.26667rem; display: flex; justify-content: space-between; position: absolute; @@ -323,24 +237,27 @@ body { color: #FFED70; font-weight: 400; } + .myBox .tetxBox .left { - font-size: 0.3466666667rem; + font-size: 0.34667rem; } + .myBox .tetxBox .rirgt { - font-size: 0.3733333333rem; + font-size: 0.37333rem; } .tab { - width: 9.7333333333rem; - height: 1.3333333333rem; - margin: 0 auto 0.4133333333rem; + width: 9.73333rem; + height: 1.33333rem; + margin: 0 auto 0.41333rem; display: flex; justify-content: space-between; } + .tab div { width: 4.8rem; - height: 1.3333333333rem; - line-height: 1.3333333333rem; + height: 1.33333rem; + line-height: 1.33333rem; text-align: center; color: #EBC9B2; font-size: 0.4rem; @@ -348,15 +265,18 @@ body { background: url(../images/tab.png) no-repeat; background-size: 100% 100%; } + .tab .tabbox { background: url(../images/tab2.png) no-repeat; background-size: 100% 100%; } + .tab .act { color: #290C05; background: url(../images/act.png) no-repeat; background-size: 100% 100%; } + .tab .act2 { color: #290C05; background: url(../images/tabact2.png) no-repeat; @@ -366,20 +286,21 @@ body { .content1 { width: 10rem; height: auto; - margin: 0 auto 0.4133333333rem; - display: none; + margin: 0 auto 0.41333rem; } + .content1 .contentBox1, .content1 .contentBox2, .content1 .contentBox3 { width: 100%; - height: 16.5866666667rem; + height: 16.58667rem; background: url(../images/bg.png) no-repeat; background-size: 100% 100%; - margin: 0 auto 0.5333333333rem; + margin: 0 auto 0.53333rem; position: relative; overflow: hidden; } + .content1 .contentBox1 .title, .content1 .contentBox2 .title, .content1 .contentBox3 .title { @@ -387,50 +308,55 @@ body { left: 50%; transform: translateX(-50%); top: 0; - width: 5.2266666667rem; + width: 5.22667rem; height: 1.28rem; line-height: 1.28rem; text-align: center; color: #FFED70; - font-size: 0.4266666667rem; + font-size: 0.42667rem; font-weight: 600; background: url(../images/title.png) no-repeat; background-size: 100% 100%; } + .content1 .contentBox1 .title span, .content1 .contentBox2 .title span, .content1 .contentBox3 .title span { vertical-align: middle; display: inline-block; } + .content1 .contentBox1 .title img, .content1 .contentBox2 .title img, .content1 .contentBox3 .title img { - width: 0.5333333333rem; - height: 0.5333333333rem; + width: 0.53333rem; + height: 0.53333rem; display: inline-block; vertical-align: middle; - margin: 0 0.0666666667rem; + margin: 0 0.06667rem; } + .content1 .contentBox1 .box, .content1 .contentBox2 .box, .content1 .contentBox3 .box { - width: 8.9333333333rem; - height: 10.6666666667rem; - margin: 2.1066666667rem auto 0.1333333333rem; + width: 8.93333rem; + height: 10.66667rem; + margin: 2.10667rem auto 0.13333rem; background: url(../images/700.png) no-repeat; background-size: 100% 100%; position: relative; } + .content1 .contentBox1 .box .ts, .content1 .contentBox2 .box .ts, .content1 .contentBox3 .box .ts { - width: 2.1333333333rem; - height: 2.1333333333rem; + width: 2.13333rem; + height: 2.13333rem; position: absolute; right: 0.5rem; top: 5.9rem; } + .content1 .contentBox1 .box .zj, .content1 .contentBox2 .box .zj, .content1 .contentBox3 .box .zj { @@ -441,6 +367,7 @@ body { top: 0.3rem; overflow: hidden; } + .content1 .contentBox1 .box .zj canvas, .content1 .contentBox2 .box .zj canvas, .content1 .contentBox3 .box .zj canvas { @@ -448,16 +375,18 @@ body { left: 0; top: 0; } + .content1 .contentBox1 .priorityWinners, .content1 .contentBox2 .priorityWinners, .content1 .contentBox3 .priorityWinners { width: 100%; text-align: center; color: #FFED70; - font-size: 0.4266666667rem; + font-size: 0.42667rem; font-weight: 500; margin-bottom: 0.36rem; } + .content1 .contentBox1 .priorityWinnersBox, .content1 .contentBox2 .priorityWinnersBox, .content1 .contentBox3 .priorityWinnersBox { @@ -467,6 +396,7 @@ body { justify-content: space-around; margin: 0 auto; } + .content1 .contentBox1 .priorityWinnersBox div, .content1 .contentBox2 .priorityWinnersBox div, .content1 .contentBox3 .priorityWinnersBox div { @@ -474,6 +404,7 @@ body { height: 1.6rem; position: relative; } + .content1 .contentBox1 .priorityWinnersBox div img, .content1 .contentBox2 .priorityWinnersBox div img, .content1 .contentBox3 .priorityWinnersBox div img { @@ -485,6 +416,7 @@ body { top: 0; border: 0.04rem #FFED70 solid; } + .content1 .contentBox1 .priorityWinnersBox div span, .content1 .contentBox2 .priorityWinnersBox div span, .content1 .contentBox3 .priorityWinnersBox div span { @@ -494,7 +426,7 @@ body { text-overflow: ellipsis; text-align: center; color: #FFED70; - font-size: 0.3466666667rem; + font-size: 0.34667rem; font-weight: 500; text-align: center; position: absolute; @@ -502,10 +434,12 @@ body { bottom: -0.6rem; height: 0.4rem; } + .content1 .contentBox2 .box { background: url(../images/350.png) no-repeat; background-size: 100% 100%; } + .content1 .contentBox3 .box { background: url(../images/70.png) no-repeat; background-size: 100% 100%; @@ -514,20 +448,22 @@ body { .content2 { width: 10rem; height: auto; - margin: 0 auto 0.4133333333rem; + margin: 0 auto 0.41333rem; display: none; } + .content2 .contentBox1, .content2 .contentBox2, .content2 .contentBox3 { width: 100%; - height: 16.5866666667rem; + height: 16.58667rem; background: url(../images/bg.png) no-repeat; background-size: 100% 100%; - margin: 0 auto 0.5333333333rem; + margin: 0 auto 0.53333rem; position: relative; overflow: hidden; } + .content2 .contentBox1 .title, .content2 .contentBox2 .title, .content2 .contentBox3 .title { @@ -535,50 +471,55 @@ body { left: 50%; transform: translateX(-50%); top: 0; - width: 5.2266666667rem; + width: 5.22667rem; height: 1.28rem; line-height: 1.28rem; text-align: center; color: #FFED70; - font-size: 0.4266666667rem; + font-size: 0.42667rem; font-weight: 600; background: url(../images/title.png) no-repeat; background-size: 100% 100%; } + .content2 .contentBox1 .title span, .content2 .contentBox2 .title span, .content2 .contentBox3 .title span { vertical-align: middle; display: inline-block; } + .content2 .contentBox1 .title img, .content2 .contentBox2 .title img, .content2 .contentBox3 .title img { - width: 0.5333333333rem; - height: 0.5333333333rem; + width: 0.53333rem; + height: 0.53333rem; display: inline-block; vertical-align: middle; - margin: 0 0.0666666667rem; + margin: 0 0.06667rem; } + .content2 .contentBox1 .box, .content2 .contentBox2 .box, .content2 .contentBox3 .box { - width: 8.9333333333rem; - height: 10.6666666667rem; - margin: 2.1066666667rem auto 0.1333333333rem; + width: 8.93333rem; + height: 10.66667rem; + margin: 2.10667rem auto 0.13333rem; background: url(../images/7.png) no-repeat; background-size: 100% 100%; position: relative; } + .content2 .contentBox1 .box .ts, .content2 .contentBox2 .box .ts, .content2 .contentBox3 .box .ts { - width: 2.1333333333rem; - height: 2.1333333333rem; + width: 2.13333rem; + height: 2.13333rem; position: absolute; right: 0.5rem; top: 3.6rem; } + .content2 .contentBox1 .box .zj, .content2 .contentBox2 .box .zj, .content2 .contentBox3 .box .zj { @@ -589,6 +530,7 @@ body { top: 0.3rem; overflow: hidden; } + .content2 .contentBox1 .box .zj canvas, .content2 .contentBox2 .box .zj canvas, .content2 .contentBox3 .box .zj canvas { @@ -596,36 +538,40 @@ body { left: 0; top: 0; } + .content2 .contentBox1 .box .zjIcon, .content2 .contentBox2 .box .zjIcon, .content2 .contentBox3 .box .zjIcon { - width: 0.6133333333rem; - height: 0.6133333333rem; + width: 0.61333rem; + height: 0.61333rem; position: absolute; left: 2.6rem; - top: 8.9466666667rem; + top: 8.94667rem; z-index: 2; } + .content2 .contentBox1 .box .xzIcon, .content2 .contentBox2 .box .xzIcon, .content2 .contentBox3 .box .xzIcon { - width: 0.6133333333rem; - height: 0.6133333333rem; + width: 0.61333rem; + height: 0.61333rem; position: absolute; right: 1.2rem; - top: 8.9466666667rem; + top: 8.94667rem; z-index: 2; } + .content2 .contentBox1 .priorityWinners, .content2 .contentBox2 .priorityWinners, .content2 .contentBox3 .priorityWinners { width: 100%; text-align: center; color: #FFED70; - font-size: 0.4266666667rem; + font-size: 0.42667rem; font-weight: 500; margin-bottom: 0.36rem; } + .content2 .contentBox1 .priorityWinnersBox, .content2 .contentBox2 .priorityWinnersBox, .content2 .contentBox3 .priorityWinnersBox { @@ -635,6 +581,7 @@ body { justify-content: space-around; margin: 0 auto; } + .content2 .contentBox1 .priorityWinnersBox div, .content2 .contentBox2 .priorityWinnersBox div, .content2 .contentBox3 .priorityWinnersBox div { @@ -642,6 +589,7 @@ body { height: 1.6rem; position: relative; } + .content2 .contentBox1 .priorityWinnersBox div img, .content2 .contentBox2 .priorityWinnersBox div img, .content2 .contentBox3 .priorityWinnersBox div img { @@ -653,6 +601,7 @@ body { top: 0; border: 0.04rem #FFED70 solid; } + .content2 .contentBox1 .priorityWinnersBox div span, .content2 .contentBox2 .priorityWinnersBox div span, .content2 .contentBox3 .priorityWinnersBox div span { @@ -662,21 +611,24 @@ body { text-overflow: ellipsis; text-align: center; color: #FFED70; - font-size: 0.3466666667rem; + font-size: 0.34667rem; font-weight: 500; text-align: center; position: absolute; left: 0; bottom: -0.6rem; } + .content2 .contentBox2 .box { background: url(../images/3500.png) no-repeat; background-size: 100% 100%; } + .content2 .contentBox3 .box { background: url(../images/210.png) no-repeat; background-size: 100% 100%; } + .content2 .contentBox3 .box .ts { top: 5.9rem; } @@ -685,11 +637,10 @@ body { width: 100%; text-align: center; color: #FFED70; - font-size: 0.3466666667rem; + font-size: 0.34667rem; font-weight: 400; opacity: 0.6; - margin-bottom: 0.5333333333rem; - margin-top: 0.2666666667rem; + margin-bottom: 0.53333rem; } .video, @@ -704,6 +655,7 @@ body { z-index: 99; display: none; } + .video video, .video2 video, .video3 video { @@ -713,14 +665,15 @@ body { transform: translate(-50%, -50%); width: 65%; } + .video .close, .video2 .close, .video3 .close { - width: 0.9066666667rem; - height: 0.9066666667rem; + width: 0.90667rem; + height: 0.90667rem; position: absolute; top: 10%; - right: 0.9333333333rem; + right: 0.93333rem; z-index: 9; } @@ -734,9 +687,10 @@ body { z-index: 99; display: none; } + .rule .rule_in { - width: 9.3333333333rem; - height: 11.0666666667rem; + width: 9.33333rem; + height: 11.06667rem; position: absolute; left: 50%; top: 50%; @@ -744,20 +698,22 @@ body { background: url(../images/ruleBg.png) no-repeat; background-size: 100% 100%; } + .rule .rule_in .close { width: 0.88rem; height: 0.88rem; position: absolute; right: 0; - top: -0.9333333333rem; + top: -0.93333rem; } + .rule .rule_in .title { - width: 4.6666666667rem; + width: 4.66667rem; height: 1.28rem; line-height: 1.28rem; text-align: center; color: #FFED70; - font-size: 0.4266666667rem; + font-size: 0.42667rem; font-weight: 600; position: absolute; top: -0.16rem; @@ -766,8 +722,9 @@ body { background: url(../images/ruleTitle.png) no-repeat; background-size: 100% 100%; } + .rule .rule_in .box { - width: 7.5333333333rem; + width: 7.53333rem; height: 8rem; position: absolute; top: 2.36rem; @@ -775,177 +732,82 @@ body { transform: translateX(-50%); overflow-y: scroll; } + .rule .rule_in .box::-webkit-scrollbar { display: none; } + .rule .rule_in .box p { color: #FFED70; - font-size: 0.3733333333rem; + font-size: 0.37333rem; font-weight: 400; - line-height: 0.5333333333rem; - margin-bottom: 0.4533333333rem; -} - -.reward_list .reward_box { - width: 10rem; -} -.reward_list .reward_box .top { - background: url(../images/top_bg.png) no-repeat; - background-size: 100% 100%; - height: 4.9066666667rem; - width: 100%; - position: relative; -} -.reward_list .reward_box .top .title { - background: url(../images/act_tab_bg.png) no-repeat; - background-size: 100% 100%; - width: 7.2933333333rem; - height: 2.5333333333rem; - font-family: PingFang SC; - font-weight: 600; - font-size: 0.5333333333rem; - color: #FFED70; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 1.7333333333rem; -} -.reward_list .reward_box .top .title img { - width: 0.5333333333rem; - height: 0.5333333333rem; - margin: 0 0.04rem; -} -.reward_list .reward_box .content { - background: url(../images/content_bg.png) no-repeat; - background-size: 100% 100%; - width: 100%; - text-align: center; -} -.reward_list .reward_box .content img { - width: 8rem; -} -.reward_list .reward_box .bottom { - background: url(../images/bottom_bg.png) no-repeat; - background-size: 100% 100%; - width: 100%; - height: 4.9333333333rem; -} -.reward_list .reward_box .bottom .priority_title { - font-family: PingFang SC; - font-weight: 500; - font-size: 0.4266666667rem; - color: #FFED70; - text-align: center; - padding-top: 0.3733333333rem; -} -.reward_list .reward_box .bottom .user_list { - display: flex; - justify-content: space-around; - margin: 0.36rem auto 0; -} -.reward_list .reward_box .bottom .user_list div { - width: 1.6rem; - height: 1.6rem; - position: relative; -} -.reward_list .reward_box .bottom .user_list div img { - width: 100%; - height: 100%; - position: absolute; - border-radius: 50%; - left: 0; - top: 0; - border: 0.04rem #FFED70 solid; -} -.reward_list .reward_box .bottom .user_list div span { - width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - text-align: center; - color: #FFED70; - font-size: 0.3466666667rem; - font-weight: 500; - text-align: center; - position: absolute; - left: 0; - bottom: -0.6rem; - height: 0.4rem; -} -.reward_list .reward_box .nextBtn, -.reward_list .reward_box .prevBtn { - position: absolute; -} -.reward_list .reward_box .nextBtn img, -.reward_list .reward_box .prevBtn img { - width: 1.3333333333rem; - height: 1.3333333333rem; -} -.reward_list .reward_box .nextBtn { - top: 7.7733333333rem; - right: 0; -} -.reward_list .reward_box .prevBtn { - top: 7.7733333333rem; - left: 0; -} - -.swiper-slide { - width: 10rem; + line-height: 0.53333rem; + margin-bottom: 0.45333rem; } .arabic .header { background: url(../images/header-ar.png) no-repeat; background-size: 100% 100%; } + .arabic .myBox .tetxBox { direction: ltr; } + .arabic .content1 .contentBox1 .box { background: url(../images/700ar.png) no-repeat; background-size: 100% 100%; } + .arabic .content1 .contentBox1 .box .ts { direction: ltr; } + .arabic .content1 .contentBox2 .box { background: url(../images/350ar.png) no-repeat; background-size: 100% 100%; } + .arabic .content1 .contentBox2 .box .ts { direction: ltr; } + .arabic .content1 .contentBox3 .box { background: url(../images/70ar.png) no-repeat; background-size: 100% 100%; } + .arabic .content1 .contentBox3 .box .ts { direction: ltr; } + .arabic .content2 .contentBox1 .box { background: url(../images/7ar.png) no-repeat; background-size: 100% 100%; } + .arabic .content2 .contentBox1 .box .ts { direction: ltr; } + .arabic .content2 .contentBox2 .box { background: url(../images/3500ar.png) no-repeat; background-size: 100% 100%; } + .arabic .content2 .contentBox2 .box .ts { direction: ltr; } + .arabic .content2 .contentBox3 .box { background: url(../images/210ar.png) no-repeat; background-size: 100% 100%; } + .arabic .content2 .contentBox3 .box .ts { direction: ltr; } + .arabic .back img { left: auto; right: 0.24rem; @@ -956,26 +818,32 @@ body { background: url(../images/header-zh.png) no-repeat; background-size: 100% 100%; } + .china .content1 .contentBox1 .box { background: url(../images/700-zh.png) no-repeat; background-size: 100% 100%; } + .china .content1 .contentBox2 .box { background: url(../images/350-zh.png) no-repeat; background-size: 100% 100%; } + .china .content1 .contentBox3 .box { background: url(../images/70-zh.png) no-repeat; background-size: 100% 100%; } + .china .content2 .contentBox1 .box { background: url(../images/7-zh.png) no-repeat; background-size: 100% 100%; } + .china .content2 .contentBox2 .box { background: url(../images/3500-zh.png) no-repeat; background-size: 100% 100%; } + .china .content2 .contentBox3 .box { background: url(../images/210-zh.png) no-repeat; background-size: 100% 100%; @@ -985,27 +853,33 @@ body { background: url(../images/header-tr.png) no-repeat; background-size: 100% 100%; } + .Turkiye .content1 .contentBox1 .box { background: url(../images/700-tr.png) no-repeat; background-size: 100% 100%; } + .Turkiye .content1 .contentBox2 .box { background: url(../images/350-tr.png) no-repeat; background-size: 100% 100%; } + .Turkiye .content1 .contentBox3 .box { background: url(../images/70-tr.png) no-repeat; background-size: 100% 100%; } + .Turkiye .content2 .contentBox1 .box { background: url(../images/7-tr.png) no-repeat; background-size: 100% 100%; } + .Turkiye .content2 .contentBox2 .box { background: url(../images/3500-tr.png) no-repeat; background-size: 100% 100%; } + .Turkiye .content2 .contentBox3 .box { background: url(../images/210-tr.png) no-repeat; background-size: 100% 100%; -} \ No newline at end of file +} diff --git a/view/molistar/modules/dailyConsumption/css/index.scss b/view/molistar/modules/dailyConsumption/css/index.scss index d2a87001..196b2577 100644 --- a/view/molistar/modules/dailyConsumption/css/index.scss +++ b/view/molistar/modules/dailyConsumption/css/index.scss @@ -32,146 +32,48 @@ body { .header { width: px2rem(750); - height: px2rem(1756); + height: px2rem(940); background: url(../images/header.png) no-repeat; background-size: 100% 100%; margin: 0 auto; position: relative; - .date_tip { - background: url(../images/date_tip.png) no-repeat; - background-size: 100% 100%; - position: absolute; - top: px2rem(410); - left: 50%; - transform: translateX(-50%); - font-family: PingFang SC; - font-weight: 600; - font-size: px2rem(28); - color: #FFF783; - padding: px2rem(12) 0; - min-width: px2rem(500); - text-align: center; - } - .rule_icon { width: px2rem(140); height: px2rem(50); - line-height: px2rem(50); + line-height: px2rem(45); background: url(../images/rule_cion.png) no-repeat; background-size: 100% 100%; color: #FFED70; font-size: px2rem(28); font-weight: 500; position: absolute; - top: px2rem(672); + top: px2rem(412); right: px2rem(0); text-align: center; text-indent: 2px; } - .lastTopUserVos { - top: px2rem(750); - position: relative; - - .bg_img { - width: px2rem(750); - height: px2rem(570); - position: absolute; - z-index: 10; - } - - .avatar { - width: px2rem(308); - height: px2rem(308); - position: absolute; - top: px2rem(97); - left: 50%; - transform: translateX(-50%); - - img { - width: 100%; - height: 100%; - object-fit: contain; - border-radius: 50%; - } - } - - .title { - font-family: PingFang SC; - font-weight: 600; - font-size: px2rem(32); - color: #FFF783; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: px2rem(420); - z-index: 99; - } - - .nick { - font-family: PingFang SC; - font-weight: 600; - font-size: px2rem(34); - color: #FFF783; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: px2rem(515); - z-index: 99; - } - } - - .tab_list { - position: absolute; - top: px2rem(1353); - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - - .tab_box { - width: px2rem(245); - background: url(../images/tab_bg.png) no-repeat; - background-size: 100% 100%; - font-family: PingFang SC; - font-weight: 600; - font-size: px2rem(30); - color: #FFE4E4; - line-height: px2rem(32); - padding: px2rem(50) 0; - text-align: center; - } - - .act_tab { - background: url(../images/act_tab_bg.png) no-repeat; - background-size: 100% 100%; - color: #FFF783; - } - } - .timeBox { - // width: 7.16rem; - // height: px2rem(122); + width: 7.16rem; + height: px2rem(122); box-sizing: border-box; padding: 0 px2rem(50); position: absolute; - top: px2rem(1515); + top: px2rem(636); left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; - .hour, - .min, - .sec, - .day { - width: px2rem(110); + div { + width: px2rem(100); height: px2rem(100); background: url(../images/time.png) no-repeat; background-size: 100% 100%; + position: relative; text-align: center; - padding-top: px2rem(10); + line-height: px2rem(100); b { color: #FFED70; @@ -180,33 +82,26 @@ body { font-family: PingFang SC; } - p { - // position: absolute; - // left: 50%; - // transform: translateX(-50%); - // bottom: px2rem(-41); + span { + width: px2rem(180); + height: px2rem(36); + line-height: px2rem(36); + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: px2rem(-41); text-align: center; color: #FFED70; font-size: px2rem(28); font-weight: 400; font-family: PingFang SC; - margin-top: px2rem(10); - } - } - - .maohao { - display: flex; - align-items: center; - margin: 0 px2rem(17); - - img { - width: px2rem(16); - height: px2rem(40); + background: url(../images/timeBg.png) no-repeat; + background-size: 100% 100%; } } .day { - margin-right: px2rem(50); + margin-right: px2rem(59); } .colon { @@ -223,74 +118,59 @@ body { .myBox { width: px2rem(750); height: px2rem(604); - background: url(../images/day_box.png) no-repeat; + background: url(../images/box.png) no-repeat; background-size: 100% 100%; margin: -1.1rem auto px2rem(35); position: relative; - padding: px2rem(126) px2rem(75); - box-sizing: border-box; - .info { - display: flex; - align-items: center; - - .left { - .ts { - width: px2rem(156); - height: px2rem(156); - position: absolute; - z-index: 2; - } - - .tx { - width: px2rem(156); - height: px2rem(156); - z-index: 1; - border-radius: 50%; - } - } - - .right { - margin: 0 px2rem(20); - - .name { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - color: #FFF783; - font-size: px2rem(34); - font-weight: 600; - font-family: PingFang SC; - } - - .Today_Support, - .Upgrade_Requires { - font-family: PingFang SC; - font-weight: 400; - font-size: px2rem(28); - color: #FFF783; - line-height: px2rem(42); - margin-top: px2rem(20); - } - } + .ts { + width: px2rem(128); + height: px2rem(128); + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(183); + z-index: 2; } + .tx { + width: px2rem(128); + height: px2rem(128); + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(183); + z-index: 1; + border-radius: 50%; + } + .name { + width: px2rem(360); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(321); + text-align: center; + color: #FFED70; + font-size: px2rem(28); + font-weight: 600; + } .lineBox { - width: px2rem(600); - // width: px2rem(750); + width: px2rem(620); height: px2rem(16); border-radius: px2rem(16); - background: #000000; + background: #824115; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); - top: px2rem(420); + top: px2rem(439); border-radius: px2rem(16); - // padding: 0 px2rem(60); .line { width: 0%; height: 100%; @@ -302,9 +182,9 @@ body { } .boxs { - width: px2rem(66); - height: px2rem(66); - // background: url(../images/false.png) no-repeat; + width: px2rem(62); + height: px2rem(62); + background: url(../images/false.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; @@ -329,37 +209,20 @@ body { margin: 0 px2rem(5); } } - - } - - .boxs:nth-child(odd) { - span { - top: px2rem(70); - // bottom: px2rem(550); - } } .box1 { - left: px2rem(0); + left: px2rem(150); } .box2 { - left: px2rem(0); + left: px2rem(339); } .box3 { - left: px2rem(0); - } - - .box4 { - left: px2rem(0); - } - - .box5 { right: px2rem(0); } - .act { background: url(../images/true.png) no-repeat; background-size: 100% 100%; @@ -428,7 +291,7 @@ body { width: px2rem(750); height: auto; margin: 0 auto px2rem(31); - display: none; + // display: none; .contentBox1, .contentBox2, @@ -739,7 +602,6 @@ body { font-weight: 400; opacity: 0.6; margin-bottom: px2rem(40); - margin-top: px2rem(20); } .video, @@ -840,136 +702,6 @@ body { } } -.reward_list { - .reward_box { - width: px2rem(750); - - .top { - background: url(../images/top_bg.png) no-repeat; - background-size: 100% 100%; - height: px2rem(368); - width: 100%; - position: relative; - - .title { - background: url(../images/act_tab_bg.png) no-repeat; - background-size: 100% 100%; - width: px2rem(547); - height: px2rem(190); - font-family: PingFang SC; - font-weight: 600; - font-size: px2rem(40); - color: #FFED70; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - left: 50%; - transform: translateX(-50%); - top: px2rem(130); - - img { - width: px2rem(40); - height: px2rem(40); - margin: 0 px2rem(3); - } - } - } - - .content { - background: url(../images/content_bg.png) no-repeat; - background-size: 100% 100%; - width: 100%; - text-align: center; - - img { - width: px2rem(600); - } - } - - .bottom { - background: url(../images/bottom_bg.png) no-repeat; - background-size: 100% 100%; - width: 100%; - height: px2rem(370); - - .priority_title { - font-family: PingFang SC; - font-weight: 500; - font-size: px2rem(32); - color: #FFED70; - text-align: center; - padding-top: px2rem(28); - } - - .user_list { - display: flex; - justify-content: space-around; - margin: px2rem(27) auto 0; - div { - width: px2rem(120); - height: px2rem(120); - position: relative; - - img { - width: 100%; - height: 100%; - position: absolute; - border-radius: 50%; - left: 0; - top: 0; - border: px2rem(3) #FFED70 solid; - } - - span { - width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - text-align: center; - color: #FFED70; - font-size: px2rem(26); - font-weight: 500; - text-align: center; - position: absolute; - left: 0; - bottom: -0.6rem; - height: 0.4rem; - } - } - } - - - } - - .nextBtn, - .prevBtn { - position: absolute; - - img { - width: px2rem(100); - height: px2rem(100); - } - } - - .nextBtn { - top: px2rem(583); - right: 0; - } - - .prevBtn { - top: px2rem(583); - left: 0; - } - } -} - -.swiper-slide { - width: px2rem(750); - // display: flex; - // flex: 1; -} - .arabic { .header { background: url(../images/header-ar.png) no-repeat; @@ -1062,70 +794,57 @@ body { background: url(../images/header-zh.png) no-repeat; background-size: 100% 100%; } - - .content1 .contentBox1 .box { + .content1 .contentBox1 .box{ background: url(../images/700-zh.png) no-repeat; background-size: 100% 100%; } - - .content1 .contentBox2 .box { + .content1 .contentBox2 .box{ background: url(../images/350-zh.png) no-repeat; background-size: 100% 100%; } - - .content1 .contentBox3 .box { + .content1 .contentBox3 .box{ background: url(../images/70-zh.png) no-repeat; background-size: 100% 100%; } - - .content2 .contentBox1 .box { + .content2 .contentBox1 .box{ background: url(../images/7-zh.png) no-repeat; background-size: 100% 100%; } - - .content2 .contentBox2 .box { + .content2 .contentBox2 .box{ background: url(../images/3500-zh.png) no-repeat; background-size: 100% 100%; } - - .content2 .contentBox3 .box { + .content2 .contentBox3 .box{ background: url(../images/210-zh.png) no-repeat; background-size: 100% 100%; } } - .Turkiye { .header { background: url(../images/header-tr.png) no-repeat; background-size: 100% 100%; } - - .content1 .contentBox1 .box { + .content1 .contentBox1 .box{ background: url(../images/700-tr.png) no-repeat; background-size: 100% 100%; } - - .content1 .contentBox2 .box { + .content1 .contentBox2 .box{ background: url(../images/350-tr.png) no-repeat; background-size: 100% 100%; } - - .content1 .contentBox3 .box { + .content1 .contentBox3 .box{ background: url(../images/70-tr.png) no-repeat; background-size: 100% 100%; } - - .content2 .contentBox1 .box { + .content2 .contentBox1 .box{ background: url(../images/7-tr.png) no-repeat; background-size: 100% 100%; } - - .content2 .contentBox2 .box { + .content2 .contentBox2 .box{ background: url(../images/3500-tr.png) no-repeat; background-size: 100% 100%; } - - .content2 .contentBox3 .box { + .content2 .contentBox3 .box{ background: url(../images/210-tr.png) no-repeat; background-size: 100% 100%; } diff --git a/view/molistar/modules/dailyConsumption/images/header-ar.png b/view/molistar/modules/dailyConsumption/images/header-ar.png index 9799e339..0370f619 100644 Binary files a/view/molistar/modules/dailyConsumption/images/header-ar.png and b/view/molistar/modules/dailyConsumption/images/header-ar.png differ diff --git a/view/molistar/modules/dailyConsumption/images/header-tr.png b/view/molistar/modules/dailyConsumption/images/header-tr.png index 7c2a4bc3..4f768b0c 100644 Binary files a/view/molistar/modules/dailyConsumption/images/header-tr.png and b/view/molistar/modules/dailyConsumption/images/header-tr.png differ diff --git a/view/molistar/modules/dailyConsumption/images/header-zh.png b/view/molistar/modules/dailyConsumption/images/header-zh.png index 8a9a20a8..7ca586e8 100644 Binary files a/view/molistar/modules/dailyConsumption/images/header-zh.png and b/view/molistar/modules/dailyConsumption/images/header-zh.png differ diff --git a/view/molistar/modules/dailyConsumption/images/header.png b/view/molistar/modules/dailyConsumption/images/header.png index a500b05f..b28f243c 100644 Binary files a/view/molistar/modules/dailyConsumption/images/header.png and b/view/molistar/modules/dailyConsumption/images/header.png differ diff --git a/view/molistar/modules/dailyConsumption/images/rule_cion.png b/view/molistar/modules/dailyConsumption/images/rule_cion.png index 3d0235a6..36869081 100644 Binary files a/view/molistar/modules/dailyConsumption/images/rule_cion.png and b/view/molistar/modules/dailyConsumption/images/rule_cion.png differ diff --git a/view/molistar/modules/dailyConsumption/images/time.png b/view/molistar/modules/dailyConsumption/images/time.png index afa9bbcc..11728c06 100644 Binary files a/view/molistar/modules/dailyConsumption/images/time.png and b/view/molistar/modules/dailyConsumption/images/time.png differ diff --git a/view/molistar/modules/dailyConsumption/images/txk.png b/view/molistar/modules/dailyConsumption/images/txk.png index 7cd50dd7..3ddbb55a 100644 Binary files a/view/molistar/modules/dailyConsumption/images/txk.png and b/view/molistar/modules/dailyConsumption/images/txk.png differ diff --git a/view/molistar/modules/dailyConsumption/index.html b/view/molistar/modules/dailyConsumption/index.html index 2cfa8d26..3a265751 100644 --- a/view/molistar/modules/dailyConsumption/index.html +++ b/view/molistar/modules/dailyConsumption/index.html @@ -7,8 +7,6 @@ - - @@ -18,67 +16,28 @@
-
- -
-
- -
-
- -
-
Yesterday's Champion
-
-
- -
-
-
-
-
-
- 00 -

-
00 -

-
-
- +
00 -

-
-
- +
00 -

+
-
-
- - -
-
-
-
- - -
-
-
-
+ + +
@@ -90,32 +49,17 @@
0K
-
- 0K -
-
- 0K -
- +
- - -
-
-
-
-
-
-
@@ -276,5 +220,4 @@ - - \ No newline at end of file + \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumption/js/index.js b/view/molistar/modules/dailyConsumption/js/index.js index 59161ce7..654f3fe0 100644 --- a/view/molistar/modules/dailyConsumption/js/index.js +++ b/view/molistar/modules/dailyConsumption/js/index.js @@ -58,7 +58,6 @@ $(function () { localLang = window.lang; translateFun(); getConfig(); - swiperFun(); }, 100) }) // 处理SVGA @@ -116,99 +115,65 @@ function translateFun() { $('.null').text(langReplace(localLang.demoModule.text16)); } - $('.Daily_Support').html(langReplace(localLang.demoModule.Daily_Support)); - $('.Weekly_Support').html(langReplace(localLang.demoModule.Weekly_Support)); - $('.Monthly_Support').html(langReplace(localLang.demoModule.Monthly_Support)); - $('.Days').html(langReplace(localLang.demoModule.Days)); - $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Yesterday_Champion)) - $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Today_Support)); } console.log(unitProcessingAr(7000000, 1)); -var activityType = 'DAY_CONSUME'; -// var gearPosition = { -// DAY_CONSUME: [70000, 350000, 700000, 2100000, 3500000], -// WEEK_CONSUME: [560000, 2800000, 5600000, 16800000, 28000000], -// MONTH_CONSUME: [7000000, 21000000, 35000000, 70000000, 140000000], -// }; -var boxImgOption = { - DAY_CONSUME: { - ordinary: './images/day_ordinarybox.png', - actBox: './images/day_actbox.png' - }, - WEEK_CONSUME: { - ordinary: './images/week_ordinarybox.png', - actBox: './images/week_actbox.png' - }, - MONTH_CONSUME: { - ordinary: './images/month_ordinarybox.png', - actBox: './images/month_actbox.png' - } -} // 配置接口 function getConfig() { showLoading() networkRequest({ type: 'get', url: urlPrefix + '/activity/h5/dayConsume', - data: { - uid: pubInfo.uid, - activityType - }, + data: { uid: pubInfo.uid }, success(res) { if (res.code === 200) { // 分区规则 - $('.rule .rule_in .box').html(res.data.partitionId == 2 || res.data.partitionId == 8 ? langReplace(localLang.demoModule.arRule) : res.data.partitionId == 1 ? langReplace(localLang.demoModule.enRule) : langReplace(localLang.demoModule.en2Rule)); + $('.rule .rule_in .box').html(res.data.partitionId == 2 ? langReplace(localLang.demoModule.arRule) : langReplace(localLang.demoModule.enRule)); // 处理是否代理人 res.data.rechargeUser ? $('.myBox').hide() : $('.myBox').show(); // 处理等级不足不显示榜单 res.data.wealth <= 7 ? $('.priorityWinners,.priorityWinnersBox').hide() : $('.priorityWinners,.priorityWinnersBox').show() - - $('.header .date_tip').text(res.data.startDate + '-' + res.data.endDate) - - // 榜单信息 - if (res.data.lastTopUserVos.length > 0) { - $('.lastTopUserVos .avatar img').attr("src", res.data.lastTopUserVos[0].avatar) - $('.lastTopUserVos .nick').text(res.data.lastTopUserVos[0].name) - } else { - $('.lastTopUserVos .avatar img').attr("src", './images/null.png') - $('.lastTopUserVos .nick').text(langReplace(localLang.demoModule.waiting)) - } // 处理倒计时 - countup(res.data.expireNanos); - let gearPosition = res.data.activityLevelUserVo - // res.data.goldNum = 8000000; + countup(res.data.endTime - res.timestamp); // 处理顶部进度以及个人信息 $('.myBox .tx').attr('src', res.data.avatar); $('.myBox .name').text(res.data.nick); - $('.myBox .Today_Support .goldNum').text( res.data.goldNum); - $('.myBox .Upgrade_Requires').text(langReplace(localLang.demoModule.Upgrade_Requires) + getNextLevelDifference(res.data.goldNum, gearPosition)); - // 轮播图清空 - $('.reward_list .swiper-wrapper .swiper-slide').remove(); - let htmlStr = ''; - gearPosition.forEach((item, index) => { - $(`.myBox .lineBox .box${index + 1} span b`).text(unitProcessingAr(item.usb, 1)); - // 均匀分配每个档位的进度条宽度 - const totalLevels = gearPosition.length; - const levelWidth = 100 / totalLevels; // 每个档位的宽度百分比 - $(`.myBox .lineBox .box${index + 1}`).css('left', `${levelWidth * (index+1) -10}%`); - - // 到达档位 - 宝箱高亮 - if (res.data.goldNum >= item.usb) { - $(`.myBox .lineBox .box${index + 1}`).css({ - 'background': `url(${boxImgOption[activityType].actBox}) no-repeat`, - 'background-size': '100% 100%' - }); + $('.myBox .tetxBox .r b').text(res.data.goldNum); + console.log(res.data.goldNum < 700000); + if (res.data.goldNum < 700000) { + $('.myBox .tetxBox .r strong').text(700000); + $('.myBox .lineBox .box1 span b').text('70K'); + $('.myBox .lineBox .box1').css('left', `${(70000 / 700000) * 100}%`); + $('.myBox .lineBox .box2 span b').text('350K'); + $('.myBox .lineBox .box2').css('left', `${(350000 / 700000) * 100}%`); + $('.myBox .lineBox .box3 span b').text('700K'); + $('.myBox .lineBox .box3').css('right', `0%`); + $('.myBox .lineBox .line').css('width', `${((res.data.goldNum / 700000) * 100) > 100 ? 100 : (res.data.goldNum / 700000) * 100}%`); + if (res.data.goldNum >= 70000) { $('.myBox .lineBox .box1').addClass('act') } + if (res.data.goldNum >= 350000) { $('.myBox .lineBox .box2').addClass('act') } + if (res.data.goldNum >= 700000) { $('.myBox .lineBox .box3').addClass('act') } + } else { + $('.myBox .tetxBox .r strong').text(7000000); + $('.myBox .lineBox .box1 span b').text('210K'); + $('.myBox .lineBox .box1').css('left', `${(70000 / 7000000) * 100}%`); + $('.myBox .lineBox .box2 span b').text('3500K'); + $('.myBox .lineBox .box2').css('left', `${(3500000 / 7000000) * 100}%`); + $('.myBox .lineBox .box3 span b').text('7M'); + $('.myBox .lineBox .box3').css('right', `0`); + $('.myBox .lineBox .line').css('width', `${((res.data.goldNum / 7000000) * 100) > 100 ? 100 : (res.data.goldNum / 7000000) * 100}%`); + if (res.data.goldNum >= 210000) { $('.myBox .lineBox .box1').addClass('act') } + if (res.data.goldNum >= 3500000) { $('.myBox .lineBox .box2').addClass('act') } + if (res.data.goldNum >= 7000000) { $('.myBox .lineBox .box3').addClass('act') } + } + // 处理每个档位的用户前四名 + res.data.activityLevelUserVo.forEach((res, i) => { + var str = ''; + if ((res.level) <= 3) { + $(`.content1 .level${res.level} .priorityWinnersBox div`).remove(); } else { - $(`.myBox .lineBox .box${index + 1}`).css({ - 'background': `url(${boxImgOption[activityType].ordinary}) no-repeat`, - 'background-size': '100% 100%' - }); + $(`.content2 .level${res.level} .priorityWinnersBox div`).remove(); } - // 渲染轮播图 - let str = ''; - // 处理每个档位的用户前四名 - if (item.userVos.length > 0) { - item.userVos.forEach(val => { + if (res.userVos.length > 0) { + res.userVos.forEach(val => { str += `
@@ -224,59 +189,12 @@ function getConfig() {
` } - htmlStr += ` -
-
-
-
${localLang.demoModule.Consume} ${unitProcessingAr(item.usb, 1)}
-
-
- -
-
-
${localLang.demoModule.priorityWinners}
-
- ${str} -
-
-
- -
-
- -
-
-
- ` - }); - // 渲染轮播图 - $('.reward_list .swiper-wrapper').append(htmlStr); - // 轮播图回到第一张 - mySwiper.slideTo(0); - - // 调整进度条宽度为均匀分布 - let currentLevelIndex = getCurrentLevelIndex(res.data.goldNum, gearPosition); - - if (currentLevelIndex >= gearPosition.length) { - $('.myBox .lineBox .line').css('width', '100%'); - } else if (currentLevelIndex === 0) { - // 特殊处理第一个档位 - let firstLevelValue = gearPosition[0].usb; - let progressWidth = (res.data.goldNum / firstLevelValue) * (50 / gearPosition.length ); - $('.myBox .lineBox .line').css('width', `${progressWidth}%`); - } else { - let nextLevelValue = gearPosition[currentLevelIndex].usb; - let totalLevels = gearPosition.length; - let prevLevelValue = gearPosition[currentLevelIndex - 1].usb; - - // 防止除以零的情况 - let levelRange = nextLevelValue - prevLevelValue; - let progress = levelRange === 0 ? 0 : (res.data.goldNum - prevLevelValue) / levelRange; - let progressWidth = (currentLevelIndex / totalLevels) * 100 + progress * (50 / totalLevels); - - $('.myBox .lineBox .line').css('width', `${progressWidth}%`); - } - + if ((res.level) <= 3) { + $(`.content1 .level${res.level} .priorityWinnersBox`).append(str); + } else { + $(`.content2 .level${res.level} .priorityWinnersBox`).append(str); + } + }) } else { toastMsg(res.message) } @@ -288,20 +206,6 @@ function getConfig() { } }) } - -// 新增函数:获取当前等级索引 -function getCurrentLevelIndex(currentValue, levels) { - for (let i = 0; i < levels.length; i++) { - if (currentValue < levels[i].usb) { - return i; - } else if (currentValue === levels[i].usb) { - // 如果当前值正好匹配档位值,返回下一个索引 - return i + 1; - } - } - return levels.length; // 当前值大于等于最高等级,返回 levels.length -} - // 倒計時 function countup(leftTime) { clearTimeout(countupTime) @@ -320,7 +224,6 @@ function countup(leftTime) { m = getzf(Math.floor(leftTime / 1000 / 60 % 60)); s = getzf(Math.floor(leftTime / 1000 % 60)); //將倒計時賦值到div中 - $('.header .timeBox .day b').text(d); $('.header .timeBox .hour b').text(h); $('.header .timeBox .min b').text(m); $('.header .timeBox .sec b').text(s); @@ -409,60 +312,4 @@ $('.header .rule_icon').click(function () { $('.rule .rule_in .close').click(function () { $('.rule').hide(); bodyScroolFun(false); -}) -// 点击tab -$('.tab_list .tab_box').click(function () { - $(this).addClass('act_tab').siblings().removeClass('act_tab'); - activityType = $(this).attr('activityType'); - if (activityType == 'DAY_CONSUME') { - // 日消费 - $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Yesterday_Champion)) - $('.header .lastTopUserVos .bg_img img').attr('src', './images/tx_day.png'); - $('.myBox').css({ - 'background': 'url(./images/day_box.png) no-repeat', - 'background-size': '100% 100%' - }); - $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Today_Support)); - } else if (activityType == 'WEEK_CONSUME') { - // 周消费 - $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Last_Elite)) - $('.header .lastTopUserVos .bg_img img').attr('src', './images/tx_week.png'); - $('.myBox').css({ - 'background': 'url(./images/week_box.png) no-repeat', - 'background-size': '100% 100%' - }); - $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Weekly_SupportTwo)); - } else if (activityType == 'MONTH_CONSUME') { - // 月消费 - $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Last_Legend)) - $('.header .lastTopUserVos .bg_img img').attr('src', './images/tx_month.png'); - $('.myBox').css({ - 'background': 'url(./images/month_box.png) no-repeat', - 'background-size': '100% 100%' - }); - $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Monthly_SupportTwo)); - } - getConfig(); -}) -function getNextLevelDifference(currentValue, levels) { - for (let i = 0; i < levels.length; i++) { - if (currentValue < levels[i].usb) { - return levels[i].usb - currentValue; - } - } - return 0; // 当前值大于等于最高等级,无需再升级 -} -// 輪播 -function swiperFun() { - mySwiper = new Swiper('.swiper', { - loop: false, - }); -} -// 切换上一张 -$(document).on('click', '.prevBtn', function () { - mySwiper.slidePrev(); -}) -// 切换下一张 -$(document).on('click', '.nextBtn', function () { - mySwiper.slideNext(); }) \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumption/local/ar.js b/view/molistar/modules/dailyConsumption/local/ar.js index 62e3e896..53cb4f3a 100644 --- a/view/molistar/modules/dailyConsumption/local/ar.js +++ b/view/molistar/modules/dailyConsumption/local/ar.js @@ -24,64 +24,36 @@ langAr = { priorityWinners: `الفائزون ذوو الأولوية`, enRule: `

- 1. وقت الحدث: يوم/أسبوع/شهر (بتوقيت غرينتش +8).
- 2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.02 قيمة عملة).
- 3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.
+ 1. وقت النشاط: يوميًا من 00:00 إلى 23:59 (GMT+3).
+ 2. يتم حساب إنفاقك اليومي على المنصة، إرسال 1 هدية بعملة = 1 قيمة العملة؛ 1 هدية الحظ بعملة = 0.05 قيمة العملة.
+ 3. عند وصولك إلى المستوى المناسب، ستحصل على مكافأة المستوى المناسب.

القيود:
- 1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.
- 2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.
+ 1. وكلاء الشحن لا يشاركون في هذا النشاط.
+ 2. لا يتم احتساب مدخلات اللعبة كاستهلاك للعملات المعدنية.

ملاحظة:
- 1. لا علاقة لهذا الحدث بجوجل وآبل. -

- `, - en2Rule: ` -

- 1. وقت الحدث: يوم/أسبوع/شهر (بتوقيت غرينتش +8).
- 2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.05 من قيمة العملة).
- 3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.
-

-

- القيود:
- 1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.
- 2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.
-

-

- ملاحظة:
- 1. لا علاقة لهذا الحدث بجوجل وآبل. + 1. هذا النشاط ليس له علاقة بـ Google و Apple.

`, arRule: `

- 1. وقت الحدث: يوم/أسبوع/شهر (غرينتش +3).
- 2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.05 من قيمة العملة).
- 3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.
+ 1. وقت النشاط: يوميًا من 00:00 إلى 23:59 (GMT+3).
+ 2. يتم حساب إنفاقك اليومي على المنصة، إرسال 1 هدية بعملة = 1 قيمة العملة؛ 1 هدية الحظ بعملة = 0.05 قيمة العملة.
+ 3. عند وصولك إلى المستوى المناسب، ستحصل على مكافأة المستوى المناسب.

القيود:
- 1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.
- 2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.
+ 1. وكلاء الشحن لا يشاركون في هذا النشاط.
+ 2. لا يتم احتساب مدخلات اللعبة كاستهلاك للعملات المعدنية.

ملاحظة:
- 1. لا علاقة لهذا الحدث بجوجل وآبل. + 1. هذا النشاط ليس له علاقة بـ Google و Apple.

`, waiting: `ي انتظار`, - Yesterday_Champion:'بطل الأمس', - Last_Elite:'نخبة الأسبوع الماضي', - Last_Legend:'أسطورة الشهر الماضي', - Daily_Support:'الدعم
اليومي', - Weekly_Support:'الدعم
الأسبوعي', - Monthly_Support:'الدعم
الشهري', - Days:'الأيام', - Today_Support: 'دعم اليوم:', - Upgrade_Requires: 'متطلبات الترقية:', - Consume:'استهلاك ', - Weekly_SupportTwo:'الدعم الأسبوعي', - Monthly_SupportTwo:'الدعم الشهري', } } \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumption/local/en.js b/view/molistar/modules/dailyConsumption/local/en.js index 6efe7cee..ffe1bdea 100644 --- a/view/molistar/modules/dailyConsumption/local/en.js +++ b/view/molistar/modules/dailyConsumption/local/en.js @@ -22,64 +22,37 @@ langEn = { priorityWinners: `Priority Winners`, enRule: `

- 1 Event time: natural day/natural week/natural month (GMT+8).
- 2 During the event, your coins spent on the platform will be counted. (Sending 1 coin normal gift = 1 coin value; 1 coin lucky gift = 0.02 coin value).
- 3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.
+ 1. Activity time: daily 0:00-23:59 (GMT+8).
+ 2. Daily calculation of your spending in the platform, send 1 coin gift = 1 coin value; 1 coin lucky + gift = 0.02 coin value.
+ 3. When you reach the corresponding level, you will get the corresponding level reward.

Restrictions:
- 1 Recharge agent users do not participate in this event.
- 2 The investment in mini games is not included in the consumption of coins.
+ 1. Recharge agent do not participate in this activity.
+ 2. The input of game is not counted as consumption of coins.

Attention:
- 1 This event has nothing to do with Google and Apple. -

- `, - en2Rule: ` -

- 1 Event time: natural day/natural week/natural month (GMT+8).
- 2 During the event, your coins spent on the platform will be counted. (Sending 1 coin normal gift = 1 coin value; 1 coin lucky gift = 0.05 coin value).
- 3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.
-

-

- Restrictions:
- 1 Recharge agent users do not participate in this event.
- 2 The investment in mini games is not included in the consumption of coins.
-

-

- Attention:
- 1 This event has nothing to do with Google and Apple. + 1. This activity has nothing to do with Google and Apple.

`, arRule: `

- 1 Event time: natural day/natural week/natural month (GMT+3).
- 2 During the event, your coins spent on the platform will be counted. (Sending 1 coin normal gift = 1 coin value; 1 coin lucky gift = 0.05 coin value).
- 3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.
+ 1. Activity time: daily 0:00-23:59 (GMT+3).
+ 2. Daily calculation of your spending on the platform, send 1 coin gift = 1 coin value; 1 coin lucky gift = 0.05 coin value.
+ 3. When you reach the corresponding level, you will get the corresponding level reward.

Restrictions:
- 1 Recharge agent users do not participate in this event.
- 2 The investment in mini games is not included in the consumption of coins.
+ 1. Recharge agents do not participate in this activity.
+ 2. Game input is not counted as coin consumption.

Attention:
- 1 This event has nothing to do with Google and Apple. + 1. This activity has nothing to do with Google and Apple.

`, waiting: `Waiting`, - Yesterday_Champion:`Yesterday's Champion`, - Last_Elite:`Last Week's Elite`, - Last_Legend:`Last Month's Legend`, - Daily_Support:'Daily
Support', - Weekly_Support:'Weekly
Support', - Monthly_Support:'Monthly
Support', - Days:'Days', - Today_Support: `Today's Support:`, - Upgrade_Requires: 'Upgrade Requires:', - Consume:'Consume', - Weekly_SupportTwo:'Weekly Support', - Monthly_SupportTwo:'Monthly Support', } } \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumption/local/tr.js b/view/molistar/modules/dailyConsumption/local/tr.js index 840a34b5..875467c5 100644 --- a/view/molistar/modules/dailyConsumption/local/tr.js +++ b/view/molistar/modules/dailyConsumption/local/tr.js @@ -22,65 +22,37 @@ langTr = { priorityWinners: `Öncelikli Kazananlar`, enRule: `

- 1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+8).
- 2 Etkinlik sırasında, platformda harcadığınız coin'ler sayılacaktır. (1 coin normal hediye gönderimi = 1 coin değeri; 1 coin şanslı hediye gönderimi = 0,02 coin değeri).
- 3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz..
+ 1. Etkinlik süresi: günlük 0:00-23:59 (GMT+8).
+ 2. Platformdaki harcamalarınız günlük olarak hesaplanır, 1 jeton hediyesi gönder = 1 jeton değeri; 1 jeton şans hediyesi = 0.02 jeton değeri.
+ 3. Belirtilen seviyeye ulaştığınızda, ilgili seviye ödülünü alacaksınız.

Kısıtlamalar:
- 1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.
- 2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.
+ 1. Yeniden yükleme acentesi kullanıcıları bu etkinliğe katılamaz.
+ 2. Oyun girdisi jeton tüketimi olarak sayılmaz.

- Not:
- 1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur. -

- `, - en2Rule: ` -

- 1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+8).
- 2 Etkinlik sırasında, platformda harcadığınız coin'ler sayılacaktır. (1 coin normal hediye gönderimi = 1 coin değeri; 1 coin şanslı hediye gönderimi = 0,05 coin değeri).
- 3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz..
-

-

- Kısıtlamalar:
- 1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.
- 2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.
-

-

- Not:
- 1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur. + Dikkat:
+ 1. Bu etkinliğin Google ve Apple ile ilgisi yoktur.

`, arRule: `

- 1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+3).
- 2 Etkinlik sırasında, platformda harcadığınız coin'ler sayılacaktır. (1 coin normal hediye gönderimi = 1 coin değeri; 1 coin şanslı hediye gönderimi = 0,05 coin değeri).
- 3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz.
+ 1. Etkinlik süresi: günlük 0:00-23:59 (GMT+3).
+ 2. Platformdaki harcamalarınız günlük olarak hesaplanır, 1 jeton hediyesi gönder = 1 jeton değeri; 1 jeton şans hediyesi = 0.05 jeton değeri.
+ 3. Belirtilen seviyeye ulaştığınızda, ilgili seviye ödülünü alacaksınız.

Kısıtlamalar:
- 1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.
- 2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.
+ 1. Yeniden yükleme acentesi kullanıcıları bu etkinliğe katılamaz.
+ 2. Oyun girdisi jeton tüketimi olarak sayılmaz.

- Not:
- 1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur. + Dikkat:
+ 1. Bu etkinliğin Google ve Apple ile ilgisi yoktur.

`, waiting: `Bekleniyor`, - Yesterday_Champion:'Dünün Şampiyonu', - Last_Elite:'Geçen Haftanın Elitleri', - Last_Legend:'Geçen Ayın Efsanesi', - Daily_Support:'Günlük
Destek', - Weekly_Support:'Haftalık
Destek', - Monthly_Support:'Aylık
Destek', - Days:'Günler', - Today_Support: 'Bugünün Desteği:', - Upgrade_Requires: 'Yükseltme Gereksinimleri:', - Consume:'tüket', - Weekly_SupportTwo:'Haftalık Destek', - Monthly_SupportTwo:'Aylık Destek', } } \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumption/local/zh.js b/view/molistar/modules/dailyConsumption/local/zh.js index d5f13568..487a3094 100644 --- a/view/molistar/modules/dailyConsumption/local/zh.js +++ b/view/molistar/modules/dailyConsumption/local/zh.js @@ -24,64 +24,36 @@ langZh = { priorityWinners: `優先獲勝者`, enRule: `

- 1. 活動時間:自然日/自然週/自然月(GMT+8)。
- 2. 活動期間,您在平台消費的幣值將會被統計。 (送1個幣的普通禮物=1個幣值;送1個幣的幸運禮物=0.02個幣值)。
- 3. 活動期間,當您的幣值達到相應等級時,即可獲得相應等級的獎勵。
+ 1. 活動時間:每日 0:00-23:59(GMT+8)。
+ 2. 每日計算您在平台上的消費,送 1 枚金幣禮物 = 1 枚金幣價值;1 枚金幣幸運禮物 = 0.02 枚金幣價值。
+ 3. 當您達到相應級別時,您將獲得相應級別的獎勵。

限制:
- 1. 儲值代理用戶不參與此活動。
- 2. 小遊戲的投資不計入幣值消耗。
+ 1. 充值代理不參加此活動。
+ 2. 遊戲的投入不計為金幣消費。

注意:
- 1. 此活動與Google和蘋果無關。 -

- `, - en2Rule: ` -

- 1. 活動時間:自然日/自然週/自然月(GMT+8)。
- 2. 活動期間,您在平台消費的金幣將被計入。 (送1個金幣普通禮物=1個金幣價值;送1個金幣幸運禮物=0.05個金幣價值)。
- 3. 活動期間,當您的金幣達到相應等級時,即可獲得相應等級的獎勵。
-

-

- 限制:
- 1. 儲值代理用戶不參與此活動。
- 2. 小遊戲投資不計入金幣消耗。
-

-

- 注意:
- 1. 此活動與Google和蘋果無關。 + 1. 此活動與 Google 和 Apple 無關。

`, arRule: `

- 1. 活動時間:自然日/自然週/自然月(GMT+3)。
- 2. 活動期間,您在平台消費的金幣將被計入。 (送1個金幣普通禮物=1個金幣價值;送1個金幣幸運禮物=0.05個金幣價值)。
- 3. 活動期間,當您的金幣達到相應等級時,即可獲得相應等級的獎勵。
+ 1. 活動時間:每日 0:00-23:59(GMT+3)。
+ 2. 每日計算您在平台上的消費,送 1 枚金幣禮物 = 1 枚金幣價值;1 枚金幣幸運禮物 = 0.05 枚金幣價值。
+ 3. 當您達到相應級別時,您將獲得相應級別的獎勵。

限制:
- 1. 儲值代理用戶不參與此活動。
- 2. 小遊戲投資不計入金幣消耗。
+ 1. 充值代理不參加此活動。
+ 2. 遊戲的投入不計為金幣消費。

注意:
- 1. 此活動與Google、蘋果無關。 + 1. 此活動與 Google 和 Apple 無關。

`, waiting: `等待中`, - Yesterday_Champion: '昨日冠軍', - Last_Elite: '上週精英', - Last_Legend: '上月傳奇', - Daily_Support: '每日
支持', - Weekly_Support: '每週
支持', - Monthly_Support: '每月
支持', - Days: '天', - Today_Support: '今日支持:', - Upgrade_Requires: '升級至下一等級所需:', - Consume:'消耗', - Weekly_SupportTwo:'每週支持', - Monthly_SupportTwo:'每月支持', } } \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumptionNew/css/index.css b/view/molistar/modules/dailyConsumptionNew/css/index.css new file mode 100644 index 00000000..a7ce37e2 --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/css/index.css @@ -0,0 +1,1011 @@ +html, +body { + width: 100%; + background: #290C05; +} + +.back { + width: 100%; + height: 0.5866666667rem; + line-height: 0.5866666667rem; + position: fixed; + left: 0; + top: 0.8666666667rem; + text-align: center; + color: #FFFFFF; + font-size: 0.5066666667rem; + font-weight: bold; + z-index: 10; +} +.back img { + width: 0.5866666667rem; + height: 0.5866666667rem; + position: absolute; + left: 0.24rem; + top: 0rem; +} + +.header { + width: 10rem; + height: 23.4133333333rem; + background: url(../images/header.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto; + position: relative; +} +.header .date_tip { + background: url(../images/date_tip.png) no-repeat; + background-size: 100% 100%; + position: absolute; + top: 5.4666666667rem; + left: 50%; + transform: translateX(-50%); + font-family: PingFang SC; + font-weight: 600; + font-size: 0.3733333333rem; + color: #FFF783; + padding: 0.16rem 0; + min-width: 6.6666666667rem; + text-align: center; +} +.header .rule_icon { + width: 1.8666666667rem; + height: 0.6666666667rem; + line-height: 0.6666666667rem; + background: url(../images/rule_cion.png) no-repeat; + background-size: 100% 100%; + color: #FFED70; + font-size: 0.3733333333rem; + font-weight: 500; + position: absolute; + top: 8.96rem; + right: 0rem; + text-align: center; + text-indent: 2px; +} +.header .lastTopUserVos { + top: 10rem; + position: relative; +} +.header .lastTopUserVos .bg_img { + width: 10rem; + height: 7.6rem; + position: absolute; + z-index: 10; +} +.header .lastTopUserVos .avatar { + width: 4.1066666667rem; + height: 4.1066666667rem; + position: absolute; + top: 1.2933333333rem; + left: 50%; + transform: translateX(-50%); +} +.header .lastTopUserVos .avatar img { + width: 100%; + height: 100%; + object-fit: contain; + border-radius: 50%; +} +.header .lastTopUserVos .title { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFF783; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 5.6rem; + z-index: 99; +} +.header .lastTopUserVos .nick { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4533333333rem; + color: #FFF783; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 6.8666666667rem; + z-index: 99; +} +.header .tab_list { + position: absolute; + top: 18.04rem; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; +} +.header .tab_list .tab_box { + width: 3.2666666667rem; + background: url(../images/tab_bg.png) no-repeat; + background-size: 100% 100%; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4rem; + color: #FFE4E4; + line-height: 0.4266666667rem; + padding: 0.6666666667rem 0; + text-align: center; +} +.header .tab_list .act_tab { + background: url(../images/act_tab_bg.png) no-repeat; + background-size: 100% 100%; + color: #FFF783; +} +.header .timeBox { + box-sizing: border-box; + padding: 0 0.6666666667rem; + position: absolute; + top: 20.2rem; + left: 50%; + transform: translateX(-50%); + display: flex; + justify-content: space-between; +} +.header .timeBox .hour, +.header .timeBox .min, +.header .timeBox .sec, +.header .timeBox .day { + width: 1.4666666667rem; + height: 1.3333333333rem; + background: url(../images/time.png) no-repeat; + background-size: 100% 100%; + text-align: center; + padding-top: 0.1333333333rem; +} +.header .timeBox .hour b, +.header .timeBox .min b, +.header .timeBox .sec b, +.header .timeBox .day b { + color: #FFED70; + font-size: 0.5866666667rem; + font-weight: 600; + font-family: PingFang SC; +} +.header .timeBox .hour p, +.header .timeBox .min p, +.header .timeBox .sec p, +.header .timeBox .day p { + text-align: center; + color: #FFED70; + font-size: 0.3733333333rem; + font-weight: 400; + font-family: PingFang SC; + margin-top: 0.1333333333rem; +} +.header .timeBox .maohao { + display: flex; + align-items: center; + margin: 0 0.2266666667rem; +} +.header .timeBox .maohao img { + width: 0.2133333333rem; + height: 0.5333333333rem; +} +.header .timeBox .day { + margin-right: 0.6666666667rem; +} +.header .timeBox .colon { + width: 0.2133333333rem; + height: 0.5333333333rem; + background: url(../images/colon.png) no-repeat; + background-size: 100% 100%; + margin: 0 0.2266666667rem; + margin-top: 0.5466666667rem; +} + +.myBox { + width: 10rem; + height: 8.0533333333rem; + background: url(../images/day_box.png) no-repeat; + background-size: 100% 100%; + margin: -1.1rem auto 0.4666666667rem; + position: relative; + padding: 1.68rem 1rem; + box-sizing: border-box; +} +.myBox .info { + display: flex; + align-items: center; +} +.myBox .info .left .ts { + width: 2.08rem; + height: 2.08rem; + position: absolute; + z-index: 2; +} +.myBox .info .left .tx { + width: 2.08rem; + height: 2.08rem; + z-index: 1; + border-radius: 50%; +} +.myBox .info .right { + margin: 0 0.2666666667rem; +} +.myBox .info .right .name { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #FFF783; + font-size: 0.4533333333rem; + font-weight: 600; + font-family: PingFang SC; +} +.myBox .info .right .Today_Support, +.myBox .info .right .Upgrade_Requires { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #FFF783; + line-height: 0.56rem; + margin-top: 0.2666666667rem; +} +.myBox .lineBox { + width: 8rem; + height: 0.2133333333rem; + border-radius: 0.2133333333rem; + background: #000000; + position: absolute; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 5.6rem; + border-radius: 0.2133333333rem; +} +.myBox .lineBox .line { + width: 0%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background: linear-gradient(90deg, #FBF392, #FCB41B); + border-radius: 0.2133333333rem; +} +.myBox .lineBox .boxs { + width: 0.88rem; + height: 0.88rem; + background-size: 100% 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.myBox .lineBox .boxs span { + height: 0.4533333333rem; + line-height: 0.4533333333rem; + position: absolute; + left: 50%; + transform: translate(-50%); + top: -0.6666666667rem; + display: flex; + color: #FFED70; + font-size: 0.3466666667rem; + font-weight: 400; +} +.myBox .lineBox .boxs span img { + display: block; + width: 0.4533333333rem; + height: 0.4533333333rem; + margin: 0 0.0666666667rem; +} +.myBox .lineBox .boxs:nth-child(odd) span { + top: 0.9333333333rem; +} +.myBox .lineBox .box1 { + left: 0rem; +} +.myBox .lineBox .box2 { + left: 0rem; +} +.myBox .lineBox .box3 { + left: 0rem; +} +.myBox .lineBox .box4 { + left: 0rem; +} +.myBox .lineBox .box5 { + right: 0rem; +} +.myBox .lineBox .act { + background: url(../images/true.png) no-repeat; + background-size: 100% 100%; +} +.myBox .tetxBox { + width: 8.2666666667rem; + display: flex; + justify-content: space-between; + position: absolute; + top: 6.4rem; + left: 50%; + transform: translateX(-50%); + color: #FFED70; + font-weight: 400; +} +.myBox .tetxBox .left { + font-size: 0.3466666667rem; +} +.myBox .tetxBox .rirgt { + font-size: 0.3733333333rem; +} + +.tab { + width: 9.7333333333rem; + height: 1.3333333333rem; + margin: 0 auto 0.4133333333rem; + display: flex; + justify-content: space-between; +} +.tab div { + width: 4.8rem; + height: 1.3333333333rem; + line-height: 1.3333333333rem; + text-align: center; + color: #EBC9B2; + font-size: 0.4rem; + font-weight: 600; + background: url(../images/tab.png) no-repeat; + background-size: 100% 100%; +} +.tab .tabbox { + background: url(../images/tab2.png) no-repeat; + background-size: 100% 100%; +} +.tab .act { + color: #290C05; + background: url(../images/act.png) no-repeat; + background-size: 100% 100%; +} +.tab .act2 { + color: #290C05; + background: url(../images/tabact2.png) no-repeat; + background-size: 100% 100%; +} + +.content1 { + width: 10rem; + height: auto; + margin: 0 auto 0.4133333333rem; + display: none; +} +.content1 .contentBox1, +.content1 .contentBox2, +.content1 .contentBox3 { + width: 100%; + height: 16.5866666667rem; + background: url(../images/bg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto 0.5333333333rem; + position: relative; + overflow: hidden; +} +.content1 .contentBox1 .title, +.content1 .contentBox2 .title, +.content1 .contentBox3 .title { + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 0; + width: 5.2266666667rem; + height: 1.28rem; + line-height: 1.28rem; + text-align: center; + color: #FFED70; + font-size: 0.4266666667rem; + font-weight: 600; + background: url(../images/title.png) no-repeat; + background-size: 100% 100%; +} +.content1 .contentBox1 .title span, +.content1 .contentBox2 .title span, +.content1 .contentBox3 .title span { + vertical-align: middle; + display: inline-block; +} +.content1 .contentBox1 .title img, +.content1 .contentBox2 .title img, +.content1 .contentBox3 .title img { + width: 0.5333333333rem; + height: 0.5333333333rem; + display: inline-block; + vertical-align: middle; + margin: 0 0.0666666667rem; +} +.content1 .contentBox1 .box, +.content1 .contentBox2 .box, +.content1 .contentBox3 .box { + width: 8.9333333333rem; + height: 10.6666666667rem; + margin: 2.1066666667rem auto 0.1333333333rem; + background: url(../images/700.png) no-repeat; + background-size: 100% 100%; + position: relative; +} +.content1 .contentBox1 .box .ts, +.content1 .contentBox2 .box .ts, +.content1 .contentBox3 .box .ts { + width: 2.1333333333rem; + height: 2.1333333333rem; + position: absolute; + right: 0.5rem; + top: 5.9rem; +} +.content1 .contentBox1 .box .zj, +.content1 .contentBox2 .box .zj, +.content1 .contentBox3 .box .zj { + width: 5.2rem; + height: 8.5rem; + position: absolute; + left: 0.35rem; + top: 0.3rem; + overflow: hidden; +} +.content1 .contentBox1 .box .zj canvas, +.content1 .contentBox2 .box .zj canvas, +.content1 .contentBox3 .box .zj canvas { + position: absolute; + left: 0; + top: 0; +} +.content1 .contentBox1 .priorityWinners, +.content1 .contentBox2 .priorityWinners, +.content1 .contentBox3 .priorityWinners { + width: 100%; + text-align: center; + color: #FFED70; + font-size: 0.4266666667rem; + font-weight: 500; + margin-bottom: 0.36rem; +} +.content1 .contentBox1 .priorityWinnersBox, +.content1 .contentBox2 .priorityWinnersBox, +.content1 .contentBox3 .priorityWinnersBox { + height: 1.6rem; + width: 83%; + display: flex; + justify-content: space-around; + margin: 0 auto; +} +.content1 .contentBox1 .priorityWinnersBox div, +.content1 .contentBox2 .priorityWinnersBox div, +.content1 .contentBox3 .priorityWinnersBox div { + width: 1.6rem; + height: 1.6rem; + position: relative; +} +.content1 .contentBox1 .priorityWinnersBox div img, +.content1 .contentBox2 .priorityWinnersBox div img, +.content1 .contentBox3 .priorityWinnersBox div img { + width: 100%; + height: 100%; + position: absolute; + border-radius: 50%; + left: 0; + top: 0; + border: 0.04rem #FFED70 solid; +} +.content1 .contentBox1 .priorityWinnersBox div span, +.content1 .contentBox2 .priorityWinnersBox div span, +.content1 .contentBox3 .priorityWinnersBox div span { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + color: #FFED70; + font-size: 0.3466666667rem; + font-weight: 500; + text-align: center; + position: absolute; + left: 0; + bottom: -0.6rem; + height: 0.4rem; +} +.content1 .contentBox2 .box { + background: url(../images/350.png) no-repeat; + background-size: 100% 100%; +} +.content1 .contentBox3 .box { + background: url(../images/70.png) no-repeat; + background-size: 100% 100%; +} + +.content2 { + width: 10rem; + height: auto; + margin: 0 auto 0.4133333333rem; + display: none; +} +.content2 .contentBox1, +.content2 .contentBox2, +.content2 .contentBox3 { + width: 100%; + height: 16.5866666667rem; + background: url(../images/bg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto 0.5333333333rem; + position: relative; + overflow: hidden; +} +.content2 .contentBox1 .title, +.content2 .contentBox2 .title, +.content2 .contentBox3 .title { + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 0; + width: 5.2266666667rem; + height: 1.28rem; + line-height: 1.28rem; + text-align: center; + color: #FFED70; + font-size: 0.4266666667rem; + font-weight: 600; + background: url(../images/title.png) no-repeat; + background-size: 100% 100%; +} +.content2 .contentBox1 .title span, +.content2 .contentBox2 .title span, +.content2 .contentBox3 .title span { + vertical-align: middle; + display: inline-block; +} +.content2 .contentBox1 .title img, +.content2 .contentBox2 .title img, +.content2 .contentBox3 .title img { + width: 0.5333333333rem; + height: 0.5333333333rem; + display: inline-block; + vertical-align: middle; + margin: 0 0.0666666667rem; +} +.content2 .contentBox1 .box, +.content2 .contentBox2 .box, +.content2 .contentBox3 .box { + width: 8.9333333333rem; + height: 10.6666666667rem; + margin: 2.1066666667rem auto 0.1333333333rem; + background: url(../images/7.png) no-repeat; + background-size: 100% 100%; + position: relative; +} +.content2 .contentBox1 .box .ts, +.content2 .contentBox2 .box .ts, +.content2 .contentBox3 .box .ts { + width: 2.1333333333rem; + height: 2.1333333333rem; + position: absolute; + right: 0.5rem; + top: 3.6rem; +} +.content2 .contentBox1 .box .zj, +.content2 .contentBox2 .box .zj, +.content2 .contentBox3 .box .zj { + width: 5.2rem; + height: 8.5rem; + position: absolute; + left: 0.35rem; + top: 0.3rem; + overflow: hidden; +} +.content2 .contentBox1 .box .zj canvas, +.content2 .contentBox2 .box .zj canvas, +.content2 .contentBox3 .box .zj canvas { + position: absolute; + left: 0; + top: 0; +} +.content2 .contentBox1 .box .zjIcon, +.content2 .contentBox2 .box .zjIcon, +.content2 .contentBox3 .box .zjIcon { + width: 0.6133333333rem; + height: 0.6133333333rem; + position: absolute; + left: 2.6rem; + top: 8.9466666667rem; + z-index: 2; +} +.content2 .contentBox1 .box .xzIcon, +.content2 .contentBox2 .box .xzIcon, +.content2 .contentBox3 .box .xzIcon { + width: 0.6133333333rem; + height: 0.6133333333rem; + position: absolute; + right: 1.2rem; + top: 8.9466666667rem; + z-index: 2; +} +.content2 .contentBox1 .priorityWinners, +.content2 .contentBox2 .priorityWinners, +.content2 .contentBox3 .priorityWinners { + width: 100%; + text-align: center; + color: #FFED70; + font-size: 0.4266666667rem; + font-weight: 500; + margin-bottom: 0.36rem; +} +.content2 .contentBox1 .priorityWinnersBox, +.content2 .contentBox2 .priorityWinnersBox, +.content2 .contentBox3 .priorityWinnersBox { + height: 1.6rem; + width: 83%; + display: flex; + justify-content: space-around; + margin: 0 auto; +} +.content2 .contentBox1 .priorityWinnersBox div, +.content2 .contentBox2 .priorityWinnersBox div, +.content2 .contentBox3 .priorityWinnersBox div { + width: 1.6rem; + height: 1.6rem; + position: relative; +} +.content2 .contentBox1 .priorityWinnersBox div img, +.content2 .contentBox2 .priorityWinnersBox div img, +.content2 .contentBox3 .priorityWinnersBox div img { + width: 100%; + height: 100%; + position: absolute; + border-radius: 50%; + left: 0; + top: 0; + border: 0.04rem #FFED70 solid; +} +.content2 .contentBox1 .priorityWinnersBox div span, +.content2 .contentBox2 .priorityWinnersBox div span, +.content2 .contentBox3 .priorityWinnersBox div span { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + color: #FFED70; + font-size: 0.3466666667rem; + font-weight: 500; + text-align: center; + position: absolute; + left: 0; + bottom: -0.6rem; +} +.content2 .contentBox2 .box { + background: url(../images/3500.png) no-repeat; + background-size: 100% 100%; +} +.content2 .contentBox3 .box { + background: url(../images/210.png) no-repeat; + background-size: 100% 100%; +} +.content2 .contentBox3 .box .ts { + top: 5.9rem; +} + +.null { + width: 100%; + text-align: center; + color: #FFED70; + font-size: 0.3466666667rem; + font-weight: 400; + opacity: 0.6; + margin-bottom: 0.5333333333rem; + margin-top: 0.2666666667rem; +} + +.video, +.video2, +.video3 { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 99; + display: none; +} +.video video, +.video2 video, +.video3 video { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 65%; +} +.video .close, +.video2 .close, +.video3 .close { + width: 0.9066666667rem; + height: 0.9066666667rem; + position: absolute; + top: 10%; + right: 0.9333333333rem; + z-index: 9; +} + +.rule { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 99; + display: none; +} +.rule .rule_in { + width: 9.3333333333rem; + height: 11.0666666667rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background: url(../images/ruleBg.png) no-repeat; + background-size: 100% 100%; +} +.rule .rule_in .close { + width: 0.88rem; + height: 0.88rem; + position: absolute; + right: 0; + top: -0.9333333333rem; +} +.rule .rule_in .title { + width: 4.6666666667rem; + height: 1.28rem; + line-height: 1.28rem; + text-align: center; + color: #FFED70; + font-size: 0.4266666667rem; + font-weight: 600; + position: absolute; + top: -0.16rem; + left: 50%; + transform: translateX(-50%); + background: url(../images/ruleTitle.png) no-repeat; + background-size: 100% 100%; +} +.rule .rule_in .box { + width: 7.5333333333rem; + height: 8rem; + position: absolute; + top: 2.36rem; + left: 50%; + transform: translateX(-50%); + overflow-y: scroll; +} +.rule .rule_in .box::-webkit-scrollbar { + display: none; +} +.rule .rule_in .box p { + color: #FFED70; + font-size: 0.3733333333rem; + font-weight: 400; + line-height: 0.5333333333rem; + margin-bottom: 0.4533333333rem; +} + +.reward_list .reward_box { + width: 10rem; +} +.reward_list .reward_box .top { + background: url(../images/top_bg.png) no-repeat; + background-size: 100% 100%; + height: 4.9066666667rem; + width: 100%; + position: relative; +} +.reward_list .reward_box .top .title { + background: url(../images/act_tab_bg.png) no-repeat; + background-size: 100% 100%; + width: 7.2933333333rem; + height: 2.5333333333rem; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.5333333333rem; + color: #FFED70; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 1.7333333333rem; +} +.reward_list .reward_box .top .title img { + width: 0.5333333333rem; + height: 0.5333333333rem; + margin: 0 0.04rem; +} +.reward_list .reward_box .content { + background: url(../images/content_bg.png) no-repeat; + background-size: 100% 100%; + width: 100%; + text-align: center; +} +.reward_list .reward_box .content img { + width: 8rem; +} +.reward_list .reward_box .bottom { + background: url(../images/bottom_bg.png) no-repeat; + background-size: 100% 100%; + width: 100%; + height: 4.9333333333rem; +} +.reward_list .reward_box .bottom .priority_title { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.4266666667rem; + color: #FFED70; + text-align: center; + padding-top: 0.3733333333rem; +} +.reward_list .reward_box .bottom .user_list { + display: flex; + justify-content: space-around; + margin: 0.36rem auto 0; +} +.reward_list .reward_box .bottom .user_list div { + width: 1.6rem; + height: 1.6rem; + position: relative; +} +.reward_list .reward_box .bottom .user_list div img { + width: 100%; + height: 100%; + position: absolute; + border-radius: 50%; + left: 0; + top: 0; + border: 0.04rem #FFED70 solid; +} +.reward_list .reward_box .bottom .user_list div span { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + color: #FFED70; + font-size: 0.3466666667rem; + font-weight: 500; + text-align: center; + position: absolute; + left: 0; + bottom: -0.6rem; + height: 0.4rem; +} +.reward_list .reward_box .nextBtn, +.reward_list .reward_box .prevBtn { + position: absolute; +} +.reward_list .reward_box .nextBtn img, +.reward_list .reward_box .prevBtn img { + width: 1.3333333333rem; + height: 1.3333333333rem; +} +.reward_list .reward_box .nextBtn { + top: 7.7733333333rem; + right: 0; +} +.reward_list .reward_box .prevBtn { + top: 7.7733333333rem; + left: 0; +} + +.swiper-slide { + width: 10rem; +} + +.arabic .header { + background: url(../images/header-ar.png) no-repeat; + background-size: 100% 100%; +} +.arabic .myBox .tetxBox { + direction: ltr; +} +.arabic .content1 .contentBox1 .box { + background: url(../images/700ar.png) no-repeat; + background-size: 100% 100%; +} +.arabic .content1 .contentBox1 .box .ts { + direction: ltr; +} +.arabic .content1 .contentBox2 .box { + background: url(../images/350ar.png) no-repeat; + background-size: 100% 100%; +} +.arabic .content1 .contentBox2 .box .ts { + direction: ltr; +} +.arabic .content1 .contentBox3 .box { + background: url(../images/70ar.png) no-repeat; + background-size: 100% 100%; +} +.arabic .content1 .contentBox3 .box .ts { + direction: ltr; +} +.arabic .content2 .contentBox1 .box { + background: url(../images/7ar.png) no-repeat; + background-size: 100% 100%; +} +.arabic .content2 .contentBox1 .box .ts { + direction: ltr; +} +.arabic .content2 .contentBox2 .box { + background: url(../images/3500ar.png) no-repeat; + background-size: 100% 100%; +} +.arabic .content2 .contentBox2 .box .ts { + direction: ltr; +} +.arabic .content2 .contentBox3 .box { + background: url(../images/210ar.png) no-repeat; + background-size: 100% 100%; +} +.arabic .content2 .contentBox3 .box .ts { + direction: ltr; +} +.arabic .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); +} + +.china .header { + background: url(../images/header-zh.png) no-repeat; + background-size: 100% 100%; +} +.china .content1 .contentBox1 .box { + background: url(../images/700-zh.png) no-repeat; + background-size: 100% 100%; +} +.china .content1 .contentBox2 .box { + background: url(../images/350-zh.png) no-repeat; + background-size: 100% 100%; +} +.china .content1 .contentBox3 .box { + background: url(../images/70-zh.png) no-repeat; + background-size: 100% 100%; +} +.china .content2 .contentBox1 .box { + background: url(../images/7-zh.png) no-repeat; + background-size: 100% 100%; +} +.china .content2 .contentBox2 .box { + background: url(../images/3500-zh.png) no-repeat; + background-size: 100% 100%; +} +.china .content2 .contentBox3 .box { + background: url(../images/210-zh.png) no-repeat; + background-size: 100% 100%; +} + +.Turkiye .header { + background: url(../images/header-tr.png) no-repeat; + background-size: 100% 100%; +} +.Turkiye .content1 .contentBox1 .box { + background: url(../images/700-tr.png) no-repeat; + background-size: 100% 100%; +} +.Turkiye .content1 .contentBox2 .box { + background: url(../images/350-tr.png) no-repeat; + background-size: 100% 100%; +} +.Turkiye .content1 .contentBox3 .box { + background: url(../images/70-tr.png) no-repeat; + background-size: 100% 100%; +} +.Turkiye .content2 .contentBox1 .box { + background: url(../images/7-tr.png) no-repeat; + background-size: 100% 100%; +} +.Turkiye .content2 .contentBox2 .box { + background: url(../images/3500-tr.png) no-repeat; + background-size: 100% 100%; +} +.Turkiye .content2 .contentBox3 .box { + background: url(../images/210-tr.png) no-repeat; + background-size: 100% 100%; +} \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumptionNew/css/index.scss b/view/molistar/modules/dailyConsumptionNew/css/index.scss new file mode 100644 index 00000000..d2a87001 --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/css/index.scss @@ -0,0 +1,1132 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + width: 100%; + background: #290C05; +} + +.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(1756); + background: url(../images/header.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto; + position: relative; + + .date_tip { + background: url(../images/date_tip.png) no-repeat; + background-size: 100% 100%; + position: absolute; + top: px2rem(410); + left: 50%; + transform: translateX(-50%); + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(28); + color: #FFF783; + padding: px2rem(12) 0; + min-width: px2rem(500); + text-align: center; + } + + .rule_icon { + width: px2rem(140); + height: px2rem(50); + line-height: px2rem(50); + background: url(../images/rule_cion.png) no-repeat; + background-size: 100% 100%; + color: #FFED70; + font-size: px2rem(28); + font-weight: 500; + position: absolute; + top: px2rem(672); + right: px2rem(0); + text-align: center; + text-indent: 2px; + } + + .lastTopUserVos { + top: px2rem(750); + position: relative; + + .bg_img { + width: px2rem(750); + height: px2rem(570); + position: absolute; + z-index: 10; + } + + .avatar { + width: px2rem(308); + height: px2rem(308); + position: absolute; + top: px2rem(97); + left: 50%; + transform: translateX(-50%); + + img { + width: 100%; + height: 100%; + object-fit: contain; + border-radius: 50%; + } + } + + .title { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFF783; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(420); + z-index: 99; + } + + .nick { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(34); + color: #FFF783; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(515); + z-index: 99; + } + } + + .tab_list { + position: absolute; + top: px2rem(1353); + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + + .tab_box { + width: px2rem(245); + background: url(../images/tab_bg.png) no-repeat; + background-size: 100% 100%; + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(30); + color: #FFE4E4; + line-height: px2rem(32); + padding: px2rem(50) 0; + text-align: center; + } + + .act_tab { + background: url(../images/act_tab_bg.png) no-repeat; + background-size: 100% 100%; + color: #FFF783; + } + } + + .timeBox { + // width: 7.16rem; + // height: px2rem(122); + box-sizing: border-box; + padding: 0 px2rem(50); + position: absolute; + top: px2rem(1515); + left: 50%; + transform: translateX(-50%); + display: flex; + justify-content: space-between; + + .hour, + .min, + .sec, + .day { + width: px2rem(110); + height: px2rem(100); + background: url(../images/time.png) no-repeat; + background-size: 100% 100%; + text-align: center; + padding-top: px2rem(10); + + b { + color: #FFED70; + font-size: px2rem(44); + font-weight: 600; + font-family: PingFang SC; + } + + p { + // position: absolute; + // left: 50%; + // transform: translateX(-50%); + // bottom: px2rem(-41); + text-align: center; + color: #FFED70; + font-size: px2rem(28); + font-weight: 400; + font-family: PingFang SC; + margin-top: px2rem(10); + } + } + + .maohao { + display: flex; + align-items: center; + margin: 0 px2rem(17); + + img { + width: px2rem(16); + height: px2rem(40); + } + } + + .day { + margin-right: px2rem(50); + } + + .colon { + width: px2rem(16); + height: px2rem(40); + background: url(../images/colon.png) no-repeat; + background-size: 100% 100%; + margin: 0 px2rem(17); + margin-top: px2rem(41); + } + } +} + +.myBox { + width: px2rem(750); + height: px2rem(604); + background: url(../images/day_box.png) no-repeat; + background-size: 100% 100%; + margin: -1.1rem auto px2rem(35); + position: relative; + padding: px2rem(126) px2rem(75); + box-sizing: border-box; + + .info { + display: flex; + align-items: center; + + .left { + .ts { + width: px2rem(156); + height: px2rem(156); + position: absolute; + z-index: 2; + } + + .tx { + width: px2rem(156); + height: px2rem(156); + z-index: 1; + border-radius: 50%; + } + } + + .right { + margin: 0 px2rem(20); + + .name { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #FFF783; + font-size: px2rem(34); + font-weight: 600; + font-family: PingFang SC; + } + + .Today_Support, + .Upgrade_Requires { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFF783; + line-height: px2rem(42); + margin-top: px2rem(20); + } + } + } + + + + .lineBox { + width: px2rem(600); + // width: px2rem(750); + height: px2rem(16); + border-radius: px2rem(16); + background: #000000; + position: absolute; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(420); + border-radius: px2rem(16); + + // padding: 0 px2rem(60); + .line { + width: 0%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background: linear-gradient(90deg, #FBF392, #FCB41B); + border-radius: px2rem(16); + } + + .boxs { + width: px2rem(66); + height: px2rem(66); + // background: url(../images/false.png) no-repeat; + background-size: 100% 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); + + span { + height: px2rem(34); + line-height: px2rem(34); + position: absolute; + left: 50%; + transform: translate(-50%); + top: px2rem(-50); + display: flex; + color: #FFED70; + font-size: px2rem(26); + font-weight: 400; + + img { + display: block; + width: px2rem(34); + height: px2rem(34); + margin: 0 px2rem(5); + } + } + + } + + .boxs:nth-child(odd) { + span { + top: px2rem(70); + // bottom: px2rem(550); + } + } + + .box1 { + left: px2rem(0); + } + + .box2 { + left: px2rem(0); + } + + .box3 { + left: px2rem(0); + } + + .box4 { + left: px2rem(0); + } + + .box5 { + right: px2rem(0); + } + + + .act { + background: url(../images/true.png) no-repeat; + background-size: 100% 100%; + } + } + + .tetxBox { + width: px2rem(620); + display: flex; + justify-content: space-between; + position: absolute; + top: px2rem(480); + left: 50%; + transform: translateX(-50%); + color: #FFED70; + font-weight: 400; + + .left { + font-size: px2rem(26); + } + + .rirgt { + font-size: px2rem(28); + } + } +} + +.tab { + width: px2rem(730); + height: px2rem(100); + margin: 0 auto px2rem(31); + display: flex; + justify-content: space-between; + + div { + width: px2rem(360); + height: px2rem(100); + line-height: px2rem(100); + text-align: center; + color: #EBC9B2; + font-size: px2rem(30); + font-weight: 600; + background: url(../images/tab.png) no-repeat; + background-size: 100% 100%; + } + + .tabbox { + background: url(../images/tab2.png) no-repeat; + background-size: 100% 100%; + } + + .act { + color: #290C05; + background: url(../images/act.png) no-repeat; + background-size: 100% 100%; + } + + .act2 { + color: #290C05; + background: url(../images/tabact2.png) no-repeat; + background-size: 100% 100%; + } +} + +.content1 { + width: px2rem(750); + height: auto; + margin: 0 auto px2rem(31); + display: none; + + .contentBox1, + .contentBox2, + .contentBox3 { + width: 100%; + height: px2rem(1244); + background: url(../images/bg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto px2rem(40); + position: relative; + overflow: hidden; + + .title { + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 0; + width: px2rem(392); + height: px2rem(96); + line-height: px2rem(96); + text-align: center; + color: #FFED70; + font-size: px2rem(32); + font-weight: 600; + background: url(../images/title.png) no-repeat; + background-size: 100% 100%; + + span { + vertical-align: middle; + display: inline-block; + } + + img { + width: px2rem(40); + height: px2rem(40); + display: inline-block; + vertical-align: middle; + margin: 0 px2rem(5); + } + } + + .box { + width: px2rem(670); + height: px2rem(800); + margin: px2rem(158) auto px2rem(10); + background: url(../images/700.png) no-repeat; + background-size: 100% 100%; + position: relative; + + .ts { + width: px2rem(160); + height: px2rem(160); + position: absolute; + right: 0.5rem; + top: 5.9rem; + } + + .zj { + width: 5.2rem; + height: 8.5rem; + position: absolute; + left: 0.35rem; + top: 0.3rem; + overflow: hidden; + + canvas { + position: absolute; + left: 0; + top: 0; + } + } + } + + .priorityWinners { + width: 100%; + text-align: center; + color: #FFED70; + font-size: px2rem(32); + font-weight: 500; + margin-bottom: px2rem(27); + } + + .priorityWinnersBox { + height: px2rem(120); + width: 83%; + display: flex; + justify-content: space-around; + margin: 0 auto; + + div { + width: px2rem(120); + height: px2rem(120); + position: relative; + + img { + width: 100%; + height: 100%; + position: absolute; + border-radius: 50%; + left: 0; + top: 0; + border: px2rem(3) #FFED70 solid; + } + + span { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + color: #FFED70; + font-size: px2rem(26); + font-weight: 500; + text-align: center; + position: absolute; + left: 0; + bottom: -0.6rem; + height: 0.4rem; + } + } + } + } + + .contentBox2 { + .box { + background: url(../images/350.png) no-repeat; + background-size: 100% 100%; + } + } + + .contentBox3 { + .box { + background: url(../images/70.png) no-repeat; + background-size: 100% 100%; + } + } +} + +.content2 { + width: px2rem(750); + height: auto; + margin: 0 auto px2rem(31); + display: none; + + .contentBox1, + .contentBox2, + .contentBox3 { + width: 100%; + height: px2rem(1244); + background: url(../images/bg.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto px2rem(40); + position: relative; + overflow: hidden; + + .title { + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 0; + width: px2rem(392); + height: px2rem(96); + line-height: px2rem(96); + text-align: center; + color: #FFED70; + font-size: px2rem(32); + font-weight: 600; + background: url(../images/title.png) no-repeat; + background-size: 100% 100%; + + span { + vertical-align: middle; + display: inline-block; + } + + img { + width: px2rem(40); + height: px2rem(40); + display: inline-block; + vertical-align: middle; + margin: 0 px2rem(5); + } + } + + .box { + width: px2rem(670); + height: px2rem(800); + margin: px2rem(158) auto px2rem(10); + background: url(../images/7.png) no-repeat; + background-size: 100% 100%; + position: relative; + + .ts { + width: px2rem(160); + height: px2rem(160); + position: absolute; + right: 0.5rem; + top: 3.6rem; + } + + .zj { + width: 5.2rem; + height: 8.5rem; + position: absolute; + left: 0.35rem; + top: 0.3rem; + overflow: hidden; + + canvas { + position: absolute; + left: 0; + top: 0; + } + } + + .zjIcon { + width: px2rem(46); + height: px2rem(46); + position: absolute; + left: px2rem(195); + top: px2rem(671); + z-index: 2; + } + + .xzIcon { + width: px2rem(46); + height: px2rem(46); + position: absolute; + right: px2rem(90); + top: px2rem(671); + z-index: 2; + } + } + + .priorityWinners { + width: 100%; + text-align: center; + color: #FFED70; + font-size: px2rem(32); + font-weight: 500; + margin-bottom: px2rem(27); + } + + .priorityWinnersBox { + height: px2rem(120); + width: 83%; + display: flex; + justify-content: space-around; + margin: 0 auto; + + div { + width: px2rem(120); + height: px2rem(120); + position: relative; + + img { + width: 100%; + height: 100%; + position: absolute; + border-radius: 50%; + left: 0; + top: 0; + border: px2rem(3) #FFED70 solid; + } + + span { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + color: #FFED70; + font-size: px2rem(26); + font-weight: 500; + text-align: center; + position: absolute; + left: 0; + bottom: -0.6rem; + } + } + } + } + + .contentBox2 { + .box { + background: url(../images/3500.png) no-repeat; + background-size: 100% 100%; + } + } + + .contentBox3 { + .box { + background: url(../images/210.png) no-repeat; + background-size: 100% 100%; + + .ts { + top: 5.9rem; + } + } + } +} + +.null { + width: 100%; + text-align: center; + color: #FFED70; + font-size: px2rem(26); + font-weight: 400; + opacity: 0.6; + margin-bottom: px2rem(40); + margin-top: px2rem(20); +} + +.video, +.video2, +.video3 { + 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; + } +} + +.rule { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .5); + z-index: 99; + display: none; + + .rule_in { + width: px2rem(700); + height: px2rem(830); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background: url(../images/ruleBg.png) no-repeat; + background-size: 100% 100%; + + .close { + width: px2rem(66); + height: px2rem(66); + position: absolute; + right: 0; + top: px2rem(-70); + } + + .title { + width: px2rem(350); + height: px2rem(96); + line-height: px2rem(96); + text-align: center; + color: #FFED70; + font-size: px2rem(32); + font-weight: 600; + position: absolute; + top: px2rem(-12); + left: 50%; + transform: translateX(-50%); + background: url(../images/ruleTitle.png) no-repeat; + background-size: 100% 100%; + } + + .box { + width: px2rem(565); + height: 8rem; + position: absolute; + top: px2rem(177); + left: 50%; + transform: translateX(-50%); + overflow-y: scroll; + + &::-webkit-scrollbar { + display: none; + } + + p { + color: #FFED70; + font-size: px2rem(28); + font-weight: 400; + line-height: px2rem(40); + margin-bottom: px2rem(34); + } + } + } +} + +.reward_list { + .reward_box { + width: px2rem(750); + + .top { + background: url(../images/top_bg.png) no-repeat; + background-size: 100% 100%; + height: px2rem(368); + width: 100%; + position: relative; + + .title { + background: url(../images/act_tab_bg.png) no-repeat; + background-size: 100% 100%; + width: px2rem(547); + height: px2rem(190); + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(40); + color: #FFED70; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: px2rem(130); + + img { + width: px2rem(40); + height: px2rem(40); + margin: 0 px2rem(3); + } + } + } + + .content { + background: url(../images/content_bg.png) no-repeat; + background-size: 100% 100%; + width: 100%; + text-align: center; + + img { + width: px2rem(600); + } + } + + .bottom { + background: url(../images/bottom_bg.png) no-repeat; + background-size: 100% 100%; + width: 100%; + height: px2rem(370); + + .priority_title { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(32); + color: #FFED70; + text-align: center; + padding-top: px2rem(28); + } + + .user_list { + display: flex; + justify-content: space-around; + margin: px2rem(27) auto 0; + div { + width: px2rem(120); + height: px2rem(120); + position: relative; + + img { + width: 100%; + height: 100%; + position: absolute; + border-radius: 50%; + left: 0; + top: 0; + border: px2rem(3) #FFED70 solid; + } + + span { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + color: #FFED70; + font-size: px2rem(26); + font-weight: 500; + text-align: center; + position: absolute; + left: 0; + bottom: -0.6rem; + height: 0.4rem; + } + } + } + + + } + + .nextBtn, + .prevBtn { + position: absolute; + + img { + width: px2rem(100); + height: px2rem(100); + } + } + + .nextBtn { + top: px2rem(583); + right: 0; + } + + .prevBtn { + top: px2rem(583); + left: 0; + } + } +} + +.swiper-slide { + width: px2rem(750); + // display: flex; + // flex: 1; +} + +.arabic { + .header { + background: url(../images/header-ar.png) no-repeat; + background-size: 100% 100%; + } + + .myBox .tetxBox { + direction: ltr; + } + + .content1 { + .contentBox1 { + .box { + background: url(../images/700ar.png) no-repeat; + background-size: 100% 100%; + + .ts { + direction: ltr; + } + } + } + + .contentBox2 { + .box { + background: url(../images/350ar.png) no-repeat; + background-size: 100% 100%; + + .ts { + direction: ltr; + } + } + } + + .contentBox3 { + .box { + background: url(../images/70ar.png) no-repeat; + background-size: 100% 100%; + + .ts { + direction: ltr; + } + } + } + } + + .content2 { + .contentBox1 { + .box { + background: url(../images/7ar.png) no-repeat; + background-size: 100% 100%; + + .ts { + direction: ltr; + } + } + } + + .contentBox2 { + .box { + background: url(../images/3500ar.png) no-repeat; + background-size: 100% 100%; + + .ts { + direction: ltr; + } + } + } + + .contentBox3 { + .box { + background: url(../images/210ar.png) no-repeat; + background-size: 100% 100%; + + .ts { + direction: ltr; + } + } + } + } + + .back img { + left: auto; + right: 0.24rem; + transform: rotate(180deg); + } +} + +.china { + .header { + background: url(../images/header-zh.png) no-repeat; + background-size: 100% 100%; + } + + .content1 .contentBox1 .box { + background: url(../images/700-zh.png) no-repeat; + background-size: 100% 100%; + } + + .content1 .contentBox2 .box { + background: url(../images/350-zh.png) no-repeat; + background-size: 100% 100%; + } + + .content1 .contentBox3 .box { + background: url(../images/70-zh.png) no-repeat; + background-size: 100% 100%; + } + + .content2 .contentBox1 .box { + background: url(../images/7-zh.png) no-repeat; + background-size: 100% 100%; + } + + .content2 .contentBox2 .box { + background: url(../images/3500-zh.png) no-repeat; + background-size: 100% 100%; + } + + .content2 .contentBox3 .box { + background: url(../images/210-zh.png) no-repeat; + background-size: 100% 100%; + } +} + +.Turkiye { + .header { + background: url(../images/header-tr.png) no-repeat; + background-size: 100% 100%; + } + + .content1 .contentBox1 .box { + background: url(../images/700-tr.png) no-repeat; + background-size: 100% 100%; + } + + .content1 .contentBox2 .box { + background: url(../images/350-tr.png) no-repeat; + background-size: 100% 100%; + } + + .content1 .contentBox3 .box { + background: url(../images/70-tr.png) no-repeat; + background-size: 100% 100%; + } + + .content2 .contentBox1 .box { + background: url(../images/7-tr.png) no-repeat; + background-size: 100% 100%; + } + + .content2 .contentBox2 .box { + background: url(../images/3500-tr.png) no-repeat; + background-size: 100% 100%; + } + + .content2 .contentBox3 .box { + background: url(../images/210-tr.png) no-repeat; + background-size: 100% 100%; + } +} \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumption/css/swiper-bundle.min.css b/view/molistar/modules/dailyConsumptionNew/css/swiper-bundle.min.css similarity index 100% rename from view/molistar/modules/dailyConsumption/css/swiper-bundle.min.css rename to view/molistar/modules/dailyConsumptionNew/css/swiper-bundle.min.css diff --git a/view/molistar/modules/dailyConsumptionNew/images/210-tr.png b/view/molistar/modules/dailyConsumptionNew/images/210-tr.png new file mode 100644 index 00000000..3799cba9 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/210-tr.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/210-zh.png b/view/molistar/modules/dailyConsumptionNew/images/210-zh.png new file mode 100644 index 00000000..e066bed8 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/210-zh.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/210.png b/view/molistar/modules/dailyConsumptionNew/images/210.png new file mode 100644 index 00000000..39e9d798 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/210.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/210ar.png b/view/molistar/modules/dailyConsumptionNew/images/210ar.png new file mode 100644 index 00000000..ac3cae8f Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/210ar.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/350-tr.png b/view/molistar/modules/dailyConsumptionNew/images/350-tr.png new file mode 100644 index 00000000..8404a7be Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/350-tr.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/350-zh.png b/view/molistar/modules/dailyConsumptionNew/images/350-zh.png new file mode 100644 index 00000000..d72e668a Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/350-zh.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/350.png b/view/molistar/modules/dailyConsumptionNew/images/350.png new file mode 100644 index 00000000..831b45a0 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/350.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/3500-tr.png b/view/molistar/modules/dailyConsumptionNew/images/3500-tr.png new file mode 100644 index 00000000..0be0024a Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/3500-tr.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/3500-zh.png b/view/molistar/modules/dailyConsumptionNew/images/3500-zh.png new file mode 100644 index 00000000..040f055d Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/3500-zh.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/3500.png b/view/molistar/modules/dailyConsumptionNew/images/3500.png new file mode 100644 index 00000000..30d08057 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/3500.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/3500ar.png b/view/molistar/modules/dailyConsumptionNew/images/3500ar.png new file mode 100644 index 00000000..de994903 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/3500ar.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/350ar.png b/view/molistar/modules/dailyConsumptionNew/images/350ar.png new file mode 100644 index 00000000..066aee29 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/350ar.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/7-tr.png b/view/molistar/modules/dailyConsumptionNew/images/7-tr.png new file mode 100644 index 00000000..fe2a79fb Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/7-tr.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/7-zh.png b/view/molistar/modules/dailyConsumptionNew/images/7-zh.png new file mode 100644 index 00000000..1ea8ef3b Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/7-zh.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/7.png b/view/molistar/modules/dailyConsumptionNew/images/7.png new file mode 100644 index 00000000..2f931e98 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/7.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/70-tr.png b/view/molistar/modules/dailyConsumptionNew/images/70-tr.png new file mode 100644 index 00000000..c2c51bb5 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/70-tr.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/70-zh.png b/view/molistar/modules/dailyConsumptionNew/images/70-zh.png new file mode 100644 index 00000000..8b23b660 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/70-zh.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/70.png b/view/molistar/modules/dailyConsumptionNew/images/70.png new file mode 100644 index 00000000..06df7065 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/70.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/700-tr.png b/view/molistar/modules/dailyConsumptionNew/images/700-tr.png new file mode 100644 index 00000000..df91b377 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/700-tr.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/700-zh.png b/view/molistar/modules/dailyConsumptionNew/images/700-zh.png new file mode 100644 index 00000000..d7e62931 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/700-zh.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/700.png b/view/molistar/modules/dailyConsumptionNew/images/700.png new file mode 100644 index 00000000..bceb9db4 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/700.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/700ar.png b/view/molistar/modules/dailyConsumptionNew/images/700ar.png new file mode 100644 index 00000000..dad072a4 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/700ar.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/70ar.png b/view/molistar/modules/dailyConsumptionNew/images/70ar.png new file mode 100644 index 00000000..6d0f1fc0 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/70ar.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/7ar.png b/view/molistar/modules/dailyConsumptionNew/images/7ar.png new file mode 100644 index 00000000..39550ce4 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/7ar.png differ diff --git a/view/molistar/modules/dailyConsumption/images/Next.png b/view/molistar/modules/dailyConsumptionNew/images/Next.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/Next.png rename to view/molistar/modules/dailyConsumptionNew/images/Next.png diff --git a/view/molistar/modules/dailyConsumption/images/Prev.png b/view/molistar/modules/dailyConsumptionNew/images/Prev.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/Prev.png rename to view/molistar/modules/dailyConsumptionNew/images/Prev.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/act.png b/view/molistar/modules/dailyConsumptionNew/images/act.png new file mode 100644 index 00000000..1fd507fe Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/act.png differ diff --git a/view/molistar/modules/dailyConsumption/images/act_tab_bg.png b/view/molistar/modules/dailyConsumptionNew/images/act_tab_bg.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/act_tab_bg.png rename to view/molistar/modules/dailyConsumptionNew/images/act_tab_bg.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/bf.png b/view/molistar/modules/dailyConsumptionNew/images/bf.png new file mode 100644 index 00000000..16d897f2 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/bf.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/bg.png b/view/molistar/modules/dailyConsumptionNew/images/bg.png new file mode 100644 index 00000000..316f7cdd Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/bg.png differ diff --git a/view/molistar/modules/dailyConsumption/images/bottom_bg.png b/view/molistar/modules/dailyConsumptionNew/images/bottom_bg.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/bottom_bg.png rename to view/molistar/modules/dailyConsumptionNew/images/bottom_bg.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/box.png b/view/molistar/modules/dailyConsumptionNew/images/box.png new file mode 100644 index 00000000..6d78f2a0 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/box.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/close.png b/view/molistar/modules/dailyConsumptionNew/images/close.png new file mode 100644 index 00000000..533a82b2 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/close.png differ diff --git a/view/molistar/modules/dailyConsumption/images/content.png b/view/molistar/modules/dailyConsumptionNew/images/content.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/content.png rename to view/molistar/modules/dailyConsumptionNew/images/content.png diff --git a/view/molistar/modules/dailyConsumption/images/content_bg.png b/view/molistar/modules/dailyConsumptionNew/images/content_bg.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/content_bg.png rename to view/molistar/modules/dailyConsumptionNew/images/content_bg.png diff --git a/view/molistar/modules/dailyConsumption/images/date_tip.png b/view/molistar/modules/dailyConsumptionNew/images/date_tip.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/date_tip.png rename to view/molistar/modules/dailyConsumptionNew/images/date_tip.png diff --git a/view/molistar/modules/dailyConsumption/images/day_actbox.png b/view/molistar/modules/dailyConsumptionNew/images/day_actbox.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/day_actbox.png rename to view/molistar/modules/dailyConsumptionNew/images/day_actbox.png diff --git a/view/molistar/modules/dailyConsumption/images/day_box.png b/view/molistar/modules/dailyConsumptionNew/images/day_box.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/day_box.png rename to view/molistar/modules/dailyConsumptionNew/images/day_box.png diff --git a/view/molistar/modules/dailyConsumption/images/day_ordinarybox.png b/view/molistar/modules/dailyConsumptionNew/images/day_ordinarybox.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/day_ordinarybox.png rename to view/molistar/modules/dailyConsumptionNew/images/day_ordinarybox.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/false.png b/view/molistar/modules/dailyConsumptionNew/images/false.png new file mode 100644 index 00000000..c2fba5ba Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/false.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/gold.png b/view/molistar/modules/dailyConsumptionNew/images/gold.png new file mode 100644 index 00000000..a5500711 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/gold.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/header-ar.png b/view/molistar/modules/dailyConsumptionNew/images/header-ar.png new file mode 100644 index 00000000..9799e339 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/header-ar.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/header-tr.png b/view/molistar/modules/dailyConsumptionNew/images/header-tr.png new file mode 100644 index 00000000..7c2a4bc3 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/header-tr.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/header-zh.png b/view/molistar/modules/dailyConsumptionNew/images/header-zh.png new file mode 100644 index 00000000..8a9a20a8 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/header-zh.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/header.png b/view/molistar/modules/dailyConsumptionNew/images/header.png new file mode 100644 index 00000000..a500b05f Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/header.png differ diff --git a/view/molistar/modules/dailyConsumption/images/maohao.png b/view/molistar/modules/dailyConsumptionNew/images/maohao.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/maohao.png rename to view/molistar/modules/dailyConsumptionNew/images/maohao.png diff --git a/view/molistar/modules/dailyConsumption/images/month_actbox.png b/view/molistar/modules/dailyConsumptionNew/images/month_actbox.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/month_actbox.png rename to view/molistar/modules/dailyConsumptionNew/images/month_actbox.png diff --git a/view/molistar/modules/dailyConsumption/images/month_box.png b/view/molistar/modules/dailyConsumptionNew/images/month_box.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/month_box.png rename to view/molistar/modules/dailyConsumptionNew/images/month_box.png diff --git a/view/molistar/modules/dailyConsumption/images/month_ordinarybox.png b/view/molistar/modules/dailyConsumptionNew/images/month_ordinarybox.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/month_ordinarybox.png rename to view/molistar/modules/dailyConsumptionNew/images/month_ordinarybox.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/null.png b/view/molistar/modules/dailyConsumptionNew/images/null.png new file mode 100644 index 00000000..71d79c27 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/null.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/ruleBg.png b/view/molistar/modules/dailyConsumptionNew/images/ruleBg.png new file mode 100644 index 00000000..4986c3cb Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/ruleBg.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/ruleTitle.png b/view/molistar/modules/dailyConsumptionNew/images/ruleTitle.png new file mode 100644 index 00000000..9a8274a6 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/ruleTitle.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/rule_cion.png b/view/molistar/modules/dailyConsumptionNew/images/rule_cion.png new file mode 100644 index 00000000..3d0235a6 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/rule_cion.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/tab.png b/view/molistar/modules/dailyConsumptionNew/images/tab.png new file mode 100644 index 00000000..4093acff Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/tab.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/tab2.png b/view/molistar/modules/dailyConsumptionNew/images/tab2.png new file mode 100644 index 00000000..85813d51 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/tab2.png differ diff --git a/view/molistar/modules/dailyConsumption/images/tab_bg.png b/view/molistar/modules/dailyConsumptionNew/images/tab_bg.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/tab_bg.png rename to view/molistar/modules/dailyConsumptionNew/images/tab_bg.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/tabact2.png b/view/molistar/modules/dailyConsumptionNew/images/tabact2.png new file mode 100644 index 00000000..55e7ac79 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/tabact2.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/time.png b/view/molistar/modules/dailyConsumptionNew/images/time.png new file mode 100644 index 00000000..afa9bbcc Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/time.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/timeBg.png b/view/molistar/modules/dailyConsumptionNew/images/timeBg.png new file mode 100644 index 00000000..44feb524 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/timeBg.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/title.png b/view/molistar/modules/dailyConsumptionNew/images/title.png new file mode 100644 index 00000000..fe450c50 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/title.png differ diff --git a/view/molistar/modules/dailyConsumption/images/top_bg.png b/view/molistar/modules/dailyConsumptionNew/images/top_bg.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/top_bg.png rename to view/molistar/modules/dailyConsumptionNew/images/top_bg.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/travel/back.png b/view/molistar/modules/dailyConsumptionNew/images/travel/back.png new file mode 100644 index 00000000..2b3812da Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/travel/back.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/travel/backB.png b/view/molistar/modules/dailyConsumptionNew/images/travel/backB.png new file mode 100644 index 00000000..92e190c7 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/travel/backB.png differ diff --git a/view/molistar/modules/dailyConsumptionNew/images/true.png b/view/molistar/modules/dailyConsumptionNew/images/true.png new file mode 100644 index 00000000..fcccb620 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/true.png differ diff --git a/view/molistar/modules/dailyConsumption/images/tx_day.png b/view/molistar/modules/dailyConsumptionNew/images/tx_day.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/tx_day.png rename to view/molistar/modules/dailyConsumptionNew/images/tx_day.png diff --git a/view/molistar/modules/dailyConsumption/images/tx_month.png b/view/molistar/modules/dailyConsumptionNew/images/tx_month.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/tx_month.png rename to view/molistar/modules/dailyConsumptionNew/images/tx_month.png diff --git a/view/molistar/modules/dailyConsumption/images/tx_week.png b/view/molistar/modules/dailyConsumptionNew/images/tx_week.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/tx_week.png rename to view/molistar/modules/dailyConsumptionNew/images/tx_week.png diff --git a/view/molistar/modules/dailyConsumptionNew/images/txk.png b/view/molistar/modules/dailyConsumptionNew/images/txk.png new file mode 100644 index 00000000..7cd50dd7 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/images/txk.png differ diff --git a/view/molistar/modules/dailyConsumption/images/week_actbox.png b/view/molistar/modules/dailyConsumptionNew/images/week_actbox.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/week_actbox.png rename to view/molistar/modules/dailyConsumptionNew/images/week_actbox.png diff --git a/view/molistar/modules/dailyConsumption/images/week_box.png b/view/molistar/modules/dailyConsumptionNew/images/week_box.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/week_box.png rename to view/molistar/modules/dailyConsumptionNew/images/week_box.png diff --git a/view/molistar/modules/dailyConsumption/images/week_ordinarybox.png b/view/molistar/modules/dailyConsumptionNew/images/week_ordinarybox.png similarity index 100% rename from view/molistar/modules/dailyConsumption/images/week_ordinarybox.png rename to view/molistar/modules/dailyConsumptionNew/images/week_ordinarybox.png diff --git a/view/molistar/modules/dailyConsumptionNew/index.html b/view/molistar/modules/dailyConsumptionNew/index.html new file mode 100644 index 00000000..2cfa8d26 --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/index.html @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
Yesterday's Champion
+
+
+ +
+
+
+
+
+ +
+
+ 00 +

+
+
+ 00 +

+
+
+ +
+
+ 00 +

+
+
+ +
+
+ 00 +

+
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
+
+ 0K +
+
+ 0K +
+
+ 0K +
+
+ 0K +
+
+ 0K +
+
+ +
+ + + +
+
+
+
+
+ +
+ + +
+
+ +
+ +
+ +
+
+
+
+ +
+
+
+
+
+ +
+ +
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+ +
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+ +
+ +
+
+ + + +
+ +
+
+
+
+
+ +
+ +
+ +
+
+
+ + +
+ +
+
+ +
+
+
+ +
+ +
+ +
+
+
+
+ +
+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+ +
Rules
+
+
+
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumptionNew/js/index.js b/view/molistar/modules/dailyConsumptionNew/js/index.js new file mode 100644 index 00000000..59161ce7 --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/js/index.js @@ -0,0 +1,468 @@ +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 page = 0; +var maxPage = 0; +var arr = []; +// 初始化函數 +$(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(); + swiperFun(); + }, 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('ts700', './svga/ts700.svga'); + loadSVGA('ts350', './svga/ts350.svga'); + loadSVGA('ts70', './svga/ts70.svga'); + loadSVGA('zj700', './svga/zj350.svga'); + loadSVGA('zj350', './svga/zj210.svga'); + loadSVGA('zj70', './svga/zj70.svga'); + + loadSVGA('ts7', './svga/ts210.svga'); + loadSVGA('ts3500', './svga/ts3500.svga'); + loadSVGA('ts210', './svga/ts7.svga'); + + + loadSVGA('zj3500', './svga/zj3500.svga'); + loadSVGA('zj210', './svga/zj700.svga'); +}); +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.text1').text(langReplace(localLang.demoModule.text1)); + $('.text2').text(langReplace(localLang.demoModule.text2)); + $('.text3').text(langReplace(localLang.demoModule.text3)); + $('.text4').text(langReplace(localLang.demoModule.text4)); + $('.text5').text(langReplace(localLang.demoModule.text5)); + $('.text6').text(langReplace(localLang.demoModule.text6)); + $('.text7').text(langReplace(localLang.demoModule.text7)); + $('.text8').text(langReplace(localLang.demoModule.text8)); + $('.text9').text(langReplace(localLang.demoModule.text9)); + $('.text10').text(langReplace(localLang.demoModule.text10)); + $('.text11').text(langReplace(localLang.demoModule.text11)); + $('.text12').text(langReplace(localLang.demoModule.text12)); + $('.text13').text(langReplace(localLang.demoModule.text13)); + $('.text14').text(langReplace(localLang.demoModule.text14)); + $('.text17').text(langReplace(localLang.demoModule.text17)); + $('.text18').text(langReplace(localLang.demoModule.text18)); + $('.text19').text(langReplace(localLang.demoModule.text19)); + $('.priorityWinners').text(langReplace(localLang.demoModule.priorityWinners)); + if (browser.ios) { + $('.null').text(langReplace(localLang.demoModule.text15)); + } else { + + $('.null').text(langReplace(localLang.demoModule.text16)); + } + $('.Daily_Support').html(langReplace(localLang.demoModule.Daily_Support)); + $('.Weekly_Support').html(langReplace(localLang.demoModule.Weekly_Support)); + $('.Monthly_Support').html(langReplace(localLang.demoModule.Monthly_Support)); + $('.Days').html(langReplace(localLang.demoModule.Days)); + $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Yesterday_Champion)) + $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Today_Support)); +} +console.log(unitProcessingAr(7000000, 1)); +var activityType = 'DAY_CONSUME'; +// var gearPosition = { +// DAY_CONSUME: [70000, 350000, 700000, 2100000, 3500000], +// WEEK_CONSUME: [560000, 2800000, 5600000, 16800000, 28000000], +// MONTH_CONSUME: [7000000, 21000000, 35000000, 70000000, 140000000], +// }; +var boxImgOption = { + DAY_CONSUME: { + ordinary: './images/day_ordinarybox.png', + actBox: './images/day_actbox.png' + }, + WEEK_CONSUME: { + ordinary: './images/week_ordinarybox.png', + actBox: './images/week_actbox.png' + }, + MONTH_CONSUME: { + ordinary: './images/month_ordinarybox.png', + actBox: './images/month_actbox.png' + } +} +// 配置接口 +function getConfig() { + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/activity/h5/dayConsume', + data: { + uid: pubInfo.uid, + activityType + }, + success(res) { + if (res.code === 200) { + // 分区规则 + $('.rule .rule_in .box').html(res.data.partitionId == 2 || res.data.partitionId == 8 ? langReplace(localLang.demoModule.arRule) : res.data.partitionId == 1 ? langReplace(localLang.demoModule.enRule) : langReplace(localLang.demoModule.en2Rule)); + // 处理是否代理人 + res.data.rechargeUser ? $('.myBox').hide() : $('.myBox').show(); + // 处理等级不足不显示榜单 + res.data.wealth <= 7 ? $('.priorityWinners,.priorityWinnersBox').hide() : $('.priorityWinners,.priorityWinnersBox').show() + + $('.header .date_tip').text(res.data.startDate + '-' + res.data.endDate) + + // 榜单信息 + if (res.data.lastTopUserVos.length > 0) { + $('.lastTopUserVos .avatar img').attr("src", res.data.lastTopUserVos[0].avatar) + $('.lastTopUserVos .nick').text(res.data.lastTopUserVos[0].name) + } else { + $('.lastTopUserVos .avatar img').attr("src", './images/null.png') + $('.lastTopUserVos .nick').text(langReplace(localLang.demoModule.waiting)) + } + // 处理倒计时 + countup(res.data.expireNanos); + let gearPosition = res.data.activityLevelUserVo + // res.data.goldNum = 8000000; + // 处理顶部进度以及个人信息 + $('.myBox .tx').attr('src', res.data.avatar); + $('.myBox .name').text(res.data.nick); + $('.myBox .Today_Support .goldNum').text( res.data.goldNum); + $('.myBox .Upgrade_Requires').text(langReplace(localLang.demoModule.Upgrade_Requires) + getNextLevelDifference(res.data.goldNum, gearPosition)); + // 轮播图清空 + $('.reward_list .swiper-wrapper .swiper-slide').remove(); + let htmlStr = ''; + gearPosition.forEach((item, index) => { + $(`.myBox .lineBox .box${index + 1} span b`).text(unitProcessingAr(item.usb, 1)); + // 均匀分配每个档位的进度条宽度 + const totalLevels = gearPosition.length; + const levelWidth = 100 / totalLevels; // 每个档位的宽度百分比 + $(`.myBox .lineBox .box${index + 1}`).css('left', `${levelWidth * (index+1) -10}%`); + + // 到达档位 - 宝箱高亮 + if (res.data.goldNum >= item.usb) { + $(`.myBox .lineBox .box${index + 1}`).css({ + 'background': `url(${boxImgOption[activityType].actBox}) no-repeat`, + 'background-size': '100% 100%' + }); + } else { + $(`.myBox .lineBox .box${index + 1}`).css({ + 'background': `url(${boxImgOption[activityType].ordinary}) no-repeat`, + 'background-size': '100% 100%' + }); + } + // 渲染轮播图 + let str = ''; + // 处理每个档位的用户前四名 + if (item.userVos.length > 0) { + item.userVos.forEach(val => { + str += ` +
+ + ${val.name} +
+ ` + }) + } else { + str += ` +
+ + ${localLang.demoModule.waiting} +
+ ` + } + htmlStr += ` +
+
+
+
${localLang.demoModule.Consume} ${unitProcessingAr(item.usb, 1)}
+
+
+ +
+
+
${localLang.demoModule.priorityWinners}
+
+ ${str} +
+
+
+ +
+
+ +
+
+
+ ` + }); + // 渲染轮播图 + $('.reward_list .swiper-wrapper').append(htmlStr); + // 轮播图回到第一张 + mySwiper.slideTo(0); + + // 调整进度条宽度为均匀分布 + let currentLevelIndex = getCurrentLevelIndex(res.data.goldNum, gearPosition); + + if (currentLevelIndex >= gearPosition.length) { + $('.myBox .lineBox .line').css('width', '100%'); + } else if (currentLevelIndex === 0) { + // 特殊处理第一个档位 + let firstLevelValue = gearPosition[0].usb; + let progressWidth = (res.data.goldNum / firstLevelValue) * (50 / gearPosition.length ); + $('.myBox .lineBox .line').css('width', `${progressWidth}%`); + } else { + let nextLevelValue = gearPosition[currentLevelIndex].usb; + let totalLevels = gearPosition.length; + let prevLevelValue = gearPosition[currentLevelIndex - 1].usb; + + // 防止除以零的情况 + let levelRange = nextLevelValue - prevLevelValue; + let progress = levelRange === 0 ? 0 : (res.data.goldNum - prevLevelValue) / levelRange; + let progressWidth = (currentLevelIndex / totalLevels) * 100 + progress * (50 / totalLevels); + + $('.myBox .lineBox .line').css('width', `${progressWidth}%`); + } + + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} + +// 新增函数:获取当前等级索引 +function getCurrentLevelIndex(currentValue, levels) { + for (let i = 0; i < levels.length; i++) { + if (currentValue < levels[i].usb) { + return i; + } else if (currentValue === levels[i].usb) { + // 如果当前值正好匹配档位值,返回下一个索引 + return i + 1; + } + } + return levels.length; // 当前值大于等于最高等级,返回 levels.length +} + +// 倒計時 +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中 + $('.header .timeBox .day b').text(d); + $('.header .timeBox .hour b').text(h); + $('.header .timeBox .min b').text(m); + $('.header .timeBox .sec b').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; +} +// tab切换 +$('.tab div').click(function () { + var i = $(this).index() + 1; + $('.content1,.content2').hide(); + $(`.content${i}`).show(); + $(this).addClass(`${i == 2 ? 'act2' : 'act'}`).siblings().removeClass('act').removeClass('act2') +}) +// 打开mp4弹窗 +$('.content2 .contentBox1 .box .zjIcon').click(function () { + var video = document.getElementById('zjVideo'); + video.play(); + bodyScroolFun(true); + $('.video').show(); +}) +$('.content2 .contentBox1 .box .xzIcon').click(function () { + var video = document.getElementById('zjVideo2'); + video.play(); + bodyScroolFun(true); + $('.video2').show(); +}) +$('.content2 .contentBox2 .box .xzIcon').click(function () { + var video = document.getElementById('zjVideo3'); + video.play(); + bodyScroolFun(true); + $('.video3').show(); +}) +// 关闭mp4弹窗 +$('.video .close,.video2 .close,.video3 .close').click(function () { + var video = document.getElementById('zjVideo'); + var video2 = document.getElementById('zjVideo2'); + var video3 = document.getElementById('zjVideo3'); + video.pause(); + video2.pause(); + video3.pause(); + bodyScroolFun(false); + $('.video,.video2,.video3').hide(); +}) +// 监听播放完毕事件 +var video = document.getElementById('zjVideo'); +video.addEventListener('ended', function () { + video.pause(); + bodyScroolFun(false); + $('.video').hide(); +}); +// 监听播放完毕事件 +var video2 = document.getElementById('zjVideo2'); +video.addEventListener('ended', function () { + video2.pause(); + bodyScroolFun(false); + $('.video2').hide(); +}); +// 监听播放完毕事件 +var video3 = document.getElementById('zjVideo3'); +video.addEventListener('ended', function () { + video3.pause(); + bodyScroolFun(false); + $('.video3').hide(); +}); + +// 打开规则 +$('.header .rule_icon').click(function () { + $('.rule').show(); + bodyScroolFun(true); +}) +// 关闭规则 +$('.rule .rule_in .close').click(function () { + $('.rule').hide(); + bodyScroolFun(false); +}) +// 点击tab +$('.tab_list .tab_box').click(function () { + $(this).addClass('act_tab').siblings().removeClass('act_tab'); + activityType = $(this).attr('activityType'); + if (activityType == 'DAY_CONSUME') { + // 日消费 + $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Yesterday_Champion)) + $('.header .lastTopUserVos .bg_img img').attr('src', './images/tx_day.png'); + $('.myBox').css({ + 'background': 'url(./images/day_box.png) no-repeat', + 'background-size': '100% 100%' + }); + $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Today_Support)); + } else if (activityType == 'WEEK_CONSUME') { + // 周消费 + $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Last_Elite)) + $('.header .lastTopUserVos .bg_img img').attr('src', './images/tx_week.png'); + $('.myBox').css({ + 'background': 'url(./images/week_box.png) no-repeat', + 'background-size': '100% 100%' + }); + $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Weekly_SupportTwo)); + } else if (activityType == 'MONTH_CONSUME') { + // 月消费 + $('.header .lastTopUserVos .title').text(langReplace(localLang.demoModule.Last_Legend)) + $('.header .lastTopUserVos .bg_img img').attr('src', './images/tx_month.png'); + $('.myBox').css({ + 'background': 'url(./images/month_box.png) no-repeat', + 'background-size': '100% 100%' + }); + $('.myBox .Today_Support .title').text(langReplace(localLang.demoModule.Monthly_SupportTwo)); + } + getConfig(); +}) +function getNextLevelDifference(currentValue, levels) { + for (let i = 0; i < levels.length; i++) { + if (currentValue < levels[i].usb) { + return levels[i].usb - currentValue; + } + } + return 0; // 当前值大于等于最高等级,无需再升级 +} +// 輪播 +function swiperFun() { + mySwiper = new Swiper('.swiper', { + loop: false, + }); +} +// 切换上一张 +$(document).on('click', '.prevBtn', function () { + mySwiper.slidePrev(); +}) +// 切换下一张 +$(document).on('click', '.nextBtn', function () { + mySwiper.slideNext(); +}) \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumption/js/swiper-bundle.min.js b/view/molistar/modules/dailyConsumptionNew/js/swiper-bundle.min.js similarity index 100% rename from view/molistar/modules/dailyConsumption/js/swiper-bundle.min.js rename to view/molistar/modules/dailyConsumptionNew/js/swiper-bundle.min.js diff --git a/view/molistar/modules/dailyConsumptionNew/local/ar.js b/view/molistar/modules/dailyConsumptionNew/local/ar.js new file mode 100644 index 00000000..62e3e896 --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/local/ar.js @@ -0,0 +1,87 @@ +// 阿拉伯 +langAr = { + // 模块 + demoModule: { + layerIndex1: `جاري التحميل...`, + layerIndex2: `نجاح`, + layerIndex3: `خطأ في الشبكة`, + text1: `الاستهلاك اليومي`, + text2: `القواعد`, + text3: `ساعة`, + text4: `دقيقة`, + text5: `ثانية`, + text6: `استهلاك العملات`, + text7: `استهلاك 70K-700K`, + text8: `استهلاك 2.1M-7M`, + text9: `استهلاك 700K`, + text10: `استهلاك 350K`, + text11: `استهلاك 70K`, + text12: `استهلاك 7M`, + text13: `استهلاك 3.5M`, + text14: `استهلاك 2.1M`, + text15: `هذا الحدث لا علاقة له بـ Apple`, + text16: `هذا الحدث لا علاقة له بـ Google`, + priorityWinners: `الفائزون ذوو الأولوية`, + enRule: ` +

+ 1. وقت الحدث: يوم/أسبوع/شهر (بتوقيت غرينتش +8).
+ 2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.02 قيمة عملة).
+ 3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.
+

+

+ القيود:
+ 1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.
+ 2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.
+

+

+ ملاحظة:
+ 1. لا علاقة لهذا الحدث بجوجل وآبل. +

+ `, + en2Rule: ` +

+ 1. وقت الحدث: يوم/أسبوع/شهر (بتوقيت غرينتش +8).
+ 2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.05 من قيمة العملة).
+ 3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.
+

+

+ القيود:
+ 1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.
+ 2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.
+

+

+ ملاحظة:
+ 1. لا علاقة لهذا الحدث بجوجل وآبل. +

+ `, + arRule: ` +

+ 1. وقت الحدث: يوم/أسبوع/شهر (غرينتش +3).
+ 2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.05 من قيمة العملة).
+ 3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.
+

+

+ القيود:
+ 1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.
+ 2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.
+

+

+ ملاحظة:
+ 1. لا علاقة لهذا الحدث بجوجل وآبل. +

+ `, + waiting: `ي انتظار`, + Yesterday_Champion:'بطل الأمس', + Last_Elite:'نخبة الأسبوع الماضي', + Last_Legend:'أسطورة الشهر الماضي', + Daily_Support:'الدعم
اليومي', + Weekly_Support:'الدعم
الأسبوعي', + Monthly_Support:'الدعم
الشهري', + Days:'الأيام', + Today_Support: 'دعم اليوم:', + Upgrade_Requires: 'متطلبات الترقية:', + Consume:'استهلاك ', + Weekly_SupportTwo:'الدعم الأسبوعي', + Monthly_SupportTwo:'الدعم الشهري', + } +} \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumptionNew/local/en.js b/view/molistar/modules/dailyConsumptionNew/local/en.js new file mode 100644 index 00000000..6efe7cee --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/local/en.js @@ -0,0 +1,85 @@ +langEn = { + demoModule: { + layerIndex1: `Loading...`, + layerIndex2: `Success`, + layerIndex3: `Network error`, + text1: `Daily Consumption`, + text2: `Rules`, + text3: `Hour`, + text4: `Min`, + text5: `Sec`, + text6: `Consume coins`, + text7: `Consume 70K-700K`, + text8: `Consume 2.1M-7M`, + text9: `Consume 700K`, + text10: `Consume 350K`, + text11: `Consume 70K`, + text12: `Consume 7M`, + text13: `Consume 3.5M`, + text14: `Consume 2.1M`, + text15: `This event has nothing to do with Apple`, + text16: `This event has nothing to do with Google`, + priorityWinners: `Priority Winners`, + enRule: ` +

+ 1 Event time: natural day/natural week/natural month (GMT+8).
+ 2 During the event, your coins spent on the platform will be counted. (Sending 1 coin normal gift = 1 coin value; 1 coin lucky gift = 0.02 coin value).
+ 3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.
+

+

+ Restrictions:
+ 1 Recharge agent users do not participate in this event.
+ 2 The investment in mini games is not included in the consumption of coins.
+

+

+ Attention:
+ 1 This event has nothing to do with Google and Apple. +

+ `, + en2Rule: ` +

+ 1 Event time: natural day/natural week/natural month (GMT+8).
+ 2 During the event, your coins spent on the platform will be counted. (Sending 1 coin normal gift = 1 coin value; 1 coin lucky gift = 0.05 coin value).
+ 3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.
+

+

+ Restrictions:
+ 1 Recharge agent users do not participate in this event.
+ 2 The investment in mini games is not included in the consumption of coins.
+

+

+ Attention:
+ 1 This event has nothing to do with Google and Apple. +

+ `, + arRule: ` +

+ 1 Event time: natural day/natural week/natural month (GMT+3).
+ 2 During the event, your coins spent on the platform will be counted. (Sending 1 coin normal gift = 1 coin value; 1 coin lucky gift = 0.05 coin value).
+ 3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.
+

+

+ Restrictions:
+ 1 Recharge agent users do not participate in this event.
+ 2 The investment in mini games is not included in the consumption of coins.
+

+

+ Attention:
+ 1 This event has nothing to do with Google and Apple. +

+ `, + waiting: `Waiting`, + Yesterday_Champion:`Yesterday's Champion`, + Last_Elite:`Last Week's Elite`, + Last_Legend:`Last Month's Legend`, + Daily_Support:'Daily
Support', + Weekly_Support:'Weekly
Support', + Monthly_Support:'Monthly
Support', + Days:'Days', + Today_Support: `Today's Support:`, + Upgrade_Requires: 'Upgrade Requires:', + Consume:'Consume', + Weekly_SupportTwo:'Weekly Support', + Monthly_SupportTwo:'Monthly Support', + } +} \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumptionNew/local/tr.js b/view/molistar/modules/dailyConsumptionNew/local/tr.js new file mode 100644 index 00000000..840a34b5 --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/local/tr.js @@ -0,0 +1,86 @@ +langTr = { + demoModule: { + layerIndex1: `Yükleniyor...`, + layerIndex2: `Başarılı`, + layerIndex3: `Ağ hatası`, + text1: `Günlük Tüketim`, + text2: `Kurallar`, + text3: `Saat`, + text4: `Dakika`, + text5: `Saniye`, + text6: `Jeton harca`, + text7: `70K-700K Harca`, + text8: `2.1M-7M Harca`, + text9: `700K Harca`, + text10: `350K Harca`, + text11: `70K Harca`, + text12: `7M Harca`, + text13: `3.5M Harca`, + text14: `2.1M Harca`, + text15: `Bu etkinlik Apple ile ilgisi yoktur`, + text16: `Bu etkinlik Google ile ilgisi yoktur`, + priorityWinners: `Öncelikli Kazananlar`, + enRule: ` +

+ 1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+8).
+ 2 Etkinlik sırasında, platformda harcadığınız coin'ler sayılacaktır. (1 coin normal hediye gönderimi = 1 coin değeri; 1 coin şanslı hediye gönderimi = 0,02 coin değeri).
+ 3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz..
+

+

+ Kısıtlamalar:
+ 1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.
+ 2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.
+

+

+ Not:
+ 1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur. +

+ `, + en2Rule: ` +

+ 1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+8).
+ 2 Etkinlik sırasında, platformda harcadığınız coin'ler sayılacaktır. (1 coin normal hediye gönderimi = 1 coin değeri; 1 coin şanslı hediye gönderimi = 0,05 coin değeri).
+ 3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz..
+

+

+ Kısıtlamalar:
+ 1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.
+ 2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.
+

+

+ Not:
+ 1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur. +

+ `, + arRule: ` +

+ 1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+3).
+ 2 Etkinlik sırasında, platformda harcadığınız coin'ler sayılacaktır. (1 coin normal hediye gönderimi = 1 coin değeri; 1 coin şanslı hediye gönderimi = 0,05 coin değeri).
+ 3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz.
+

+

+ Kısıtlamalar:
+ 1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.
+ 2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.
+

+

+ Not:
+ 1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur. +

+ `, + waiting: `Bekleniyor`, + Yesterday_Champion:'Dünün Şampiyonu', + Last_Elite:'Geçen Haftanın Elitleri', + Last_Legend:'Geçen Ayın Efsanesi', + Daily_Support:'Günlük
Destek', + Weekly_Support:'Haftalık
Destek', + Monthly_Support:'Aylık
Destek', + Days:'Günler', + Today_Support: 'Bugünün Desteği:', + Upgrade_Requires: 'Yükseltme Gereksinimleri:', + Consume:'tüket', + Weekly_SupportTwo:'Haftalık Destek', + Monthly_SupportTwo:'Aylık Destek', + } + +} \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumptionNew/local/zh.js b/view/molistar/modules/dailyConsumptionNew/local/zh.js new file mode 100644 index 00000000..d5f13568 --- /dev/null +++ b/view/molistar/modules/dailyConsumptionNew/local/zh.js @@ -0,0 +1,87 @@ +// 中文 +langZh = { + // 模塊 + demoModule: { + layerIndex1: `加载中...`, + layerIndex2: `成功`, + layerIndex3: `网络错误`, + text1: `每日消費`, + text2: `規則`, + text3: `小時`, + text4: `分`, + text5: `秒`, + text6: `消耗金幣`, + text7: `消耗 70K-700K`, + text8: `消耗 2.1M-700萬`, + text9: `消耗 700K`, + text10: `消耗 350K`, + text11: `消耗 70K`, + text12: `消耗 700萬`, + text13: `消耗 3.5M`, + text14: `消耗 2.1M`, + text15: `此活動與 Apple 無關`, + text16: `此活動與 Google 無關`, + priorityWinners: `優先獲勝者`, + enRule: ` +

+ 1. 活動時間:自然日/自然週/自然月(GMT+8)。
+ 2. 活動期間,您在平台消費的幣值將會被統計。 (送1個幣的普通禮物=1個幣值;送1個幣的幸運禮物=0.02個幣值)。
+ 3. 活動期間,當您的幣值達到相應等級時,即可獲得相應等級的獎勵。
+

+

+ 限制:
+ 1. 儲值代理用戶不參與此活動。
+ 2. 小遊戲的投資不計入幣值消耗。
+

+

+ 注意:
+ 1. 此活動與Google和蘋果無關。 +

+ `, + en2Rule: ` +

+ 1. 活動時間:自然日/自然週/自然月(GMT+8)。
+ 2. 活動期間,您在平台消費的金幣將被計入。 (送1個金幣普通禮物=1個金幣價值;送1個金幣幸運禮物=0.05個金幣價值)。
+ 3. 活動期間,當您的金幣達到相應等級時,即可獲得相應等級的獎勵。
+

+

+ 限制:
+ 1. 儲值代理用戶不參與此活動。
+ 2. 小遊戲投資不計入金幣消耗。
+

+

+ 注意:
+ 1. 此活動與Google和蘋果無關。 +

+ `, + arRule: ` +

+ 1. 活動時間:自然日/自然週/自然月(GMT+3)。
+ 2. 活動期間,您在平台消費的金幣將被計入。 (送1個金幣普通禮物=1個金幣價值;送1個金幣幸運禮物=0.05個金幣價值)。
+ 3. 活動期間,當您的金幣達到相應等級時,即可獲得相應等級的獎勵。
+

+

+ 限制:
+ 1. 儲值代理用戶不參與此活動。
+ 2. 小遊戲投資不計入金幣消耗。
+

+

+ 注意:
+ 1. 此活動與Google、蘋果無關。 +

+ `, + waiting: `等待中`, + Yesterday_Champion: '昨日冠軍', + Last_Elite: '上週精英', + Last_Legend: '上月傳奇', + Daily_Support: '每日
支持', + Weekly_Support: '每週
支持', + Monthly_Support: '每月
支持', + Days: '天', + Today_Support: '今日支持:', + Upgrade_Requires: '升級至下一等級所需:', + Consume:'消耗', + Weekly_SupportTwo:'每週支持', + Monthly_SupportTwo:'每月支持', + } +} \ No newline at end of file diff --git a/view/molistar/modules/dailyConsumptionNew/svga/ts210.svga b/view/molistar/modules/dailyConsumptionNew/svga/ts210.svga new file mode 100644 index 00000000..5cafc72b Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/ts210.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/ts350.svga b/view/molistar/modules/dailyConsumptionNew/svga/ts350.svga new file mode 100644 index 00000000..9c3f9b70 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/ts350.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/ts3500.svga b/view/molistar/modules/dailyConsumptionNew/svga/ts3500.svga new file mode 100644 index 00000000..46cc0ee8 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/ts3500.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/ts7.svga b/view/molistar/modules/dailyConsumptionNew/svga/ts7.svga new file mode 100644 index 00000000..c358e1d9 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/ts7.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/ts70.svga b/view/molistar/modules/dailyConsumptionNew/svga/ts70.svga new file mode 100644 index 00000000..a35f9c64 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/ts70.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/ts700.svga b/view/molistar/modules/dailyConsumptionNew/svga/ts700.svga new file mode 100644 index 00000000..f6115bf7 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/ts700.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/zj210.svga b/view/molistar/modules/dailyConsumptionNew/svga/zj210.svga new file mode 100644 index 00000000..4c864d4e Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/zj210.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/zj350.svga b/view/molistar/modules/dailyConsumptionNew/svga/zj350.svga new file mode 100644 index 00000000..6ac1be3e Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/zj350.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/zj3500.svga b/view/molistar/modules/dailyConsumptionNew/svga/zj3500.svga new file mode 100644 index 00000000..d76f0066 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/zj3500.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/zj70.svga b/view/molistar/modules/dailyConsumptionNew/svga/zj70.svga new file mode 100644 index 00000000..0146de46 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/zj70.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/svga/zj700.svga b/view/molistar/modules/dailyConsumptionNew/svga/zj700.svga new file mode 100644 index 00000000..87c92eef Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/svga/zj700.svga differ diff --git a/view/molistar/modules/dailyConsumptionNew/video/xz3500.mp4 b/view/molistar/modules/dailyConsumptionNew/video/xz3500.mp4 new file mode 100644 index 00000000..8ad53750 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/video/xz3500.mp4 differ diff --git a/view/molistar/modules/dailyConsumptionNew/video/xz7.mp4 b/view/molistar/modules/dailyConsumptionNew/video/xz7.mp4 new file mode 100644 index 00000000..1ccf58c5 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/video/xz7.mp4 differ diff --git a/view/molistar/modules/dailyConsumptionNew/video/zj7.mp4 b/view/molistar/modules/dailyConsumptionNew/video/zj7.mp4 new file mode 100644 index 00000000..6a57e5d4 Binary files /dev/null and b/view/molistar/modules/dailyConsumptionNew/video/zj7.mp4 differ