代理充值 - h5里关于登录状态失效跳转h5登录页

view/molistar/activity/2025-Holloween/css/index.css

@@ -0,0 +1,892 @@
+html,
+body {
+  width: 100%;
+  background: #0A102B;
+}
+
+.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: 12.9333333333rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+.header .date {
+  width: 8.9333333333rem;
+  height: 0.7466666667rem;
+  line-height: 0.7466666667rem;
+  background: url(../images/time_bg.png) no-repeat;
+  background-size: 100% 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.3466666667rem;
+  font-weight: 500;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.7866666667rem;
+}
+.header .rule {
+  width: 1.4666666667rem;
+  height: 0.72rem;
+  line-height: 0.72rem;
+  text-indent: 0.1rem;
+  text-align: center;
+  color: #433402;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+  background: url(../images/rule_icon.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  right: 0;
+  top: 6.5333333333rem;
+}
+
+.giftBox {
+  position: relative;
+  width: 10rem;
+  height: 6.4266666667rem;
+  background: url(../images/giftBox.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0rem auto 0.4266666667rem;
+  overflow: hidden;
+  position: absolute;
+  top: 12rem;
+}
+.giftBox .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0rem;
+  text-align: center;
+  width: 7.5066666667rem;
+  height: 1.8533333333rem;
+  line-height: 2.6666666667rem;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 600;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+.giftBox .content {
+  width: 8.1333333333rem;
+  color: #FFF783;
+  font-size: 0.3466666667rem;
+  font-weight: 400;
+  line-height: 0.56rem;
+  margin: 2.6rem auto 0.2rem;
+}
+.giftBox .gift {
+  width: 8.4rem;
+  height: 2.6666666667rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 2.6666666667rem auto 0;
+}
+.giftBox .gift div {
+  width: 2.6666666667rem;
+  height: 2.6666666667rem;
+  position: relative;
+  background: url(../images/sGiftBox.png) no-repeat;
+  background-size: 100% 100%;
+}
+.giftBox .gift div img {
+  width: 2.1333333333rem;
+  height: 2.1333333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.24rem;
+}
+.giftBox .gift div span {
+  width: 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 600;
+  position: absolute;
+  left: 0;
+  bottom: -0.5rem;
+}
+
+.timeBox {
+  width: 100%;
+  height: 1.3866666667rem;
+  margin: 0 auto;
+  box-sizing: border-box;
+  padding: 0 1.7333333333rem;
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+  gap: 0.2rem;
+  position: absolute;
+  top: 10.4rem;
+}
+.timeBox div {
+  width: 1.32rem;
+  height: 1.2266666667rem;
+  box-sizing: border-box;
+  text-align: center;
+  background: url(../images/timeBox_in.png) no-repeat;
+  background-size: 100% 100%;
+}
+.timeBox div span {
+  display: block;
+  color: #FFF783;
+  font-size: 0.4533333333rem;
+  font-weight: 500;
+  margin: 0.2133333333rem auto 0.0266666667rem;
+}
+.timeBox div b {
+  display: block;
+  color: #FFF783;
+  font-size: 0.32rem;
+  font-weight: 400;
+  margin-top: 0.0533333333rem;
+}
+
+.page1 {
+  margin: 7.2rem auto 0;
+}
+.page1 .top {
+  width: 10rem;
+  height: 13.3333333333rem;
+  position: relative;
+  background: url(../images/topBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  padding: 0.1066666667rem 0 0;
+}
+.page1 .top .tab {
+  width: 100%;
+  height: 1rem;
+  box-sizing: border-box;
+  line-height: 1rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0rem auto 0.32rem;
+  position: absolute;
+  top: -8%;
+  gap: 0.2666666667rem;
+  padding: 0 0.5333333333rem;
+}
+.page1 .top .tab div {
+  width: 4.3333333333rem;
+  height: 1rem;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 800;
+  background: url(../images/tab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page1 .top .tab .act {
+  background: url(../images/actTab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page1 .top .top1 {
+  width: 8rem;
+  height: 5.0666666667rem;
+  position: relative;
+  margin: 1rem auto 0;
+}
+.page1 .top .top1 .ts {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+.page1 .top .top1 .tx {
+  width: 2.3733333333rem;
+  height: 2.3733333333rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.3333333333rem;
+}
+.page1 .top .top1 .name {
+  width: 35%;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  position: absolute;
+  top: 4.2666666667rem;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+.page1 .top .top1 .name b {
+  max-width: 2.6rem;
+  text-align: right;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.page1 .top .top1 .name img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .top .top1 .id {
+  width: 100%;
+  position: absolute;
+  top: 4.88rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+}
+.page1 .top .top1 .score {
+  height: 0.88rem;
+  line-height: 0.88rem;
+  position: absolute;
+  top: 5.3333333333rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+}
+.page1 .top .top1 .score b {
+  color: #2D2A00;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+}
+.page1 .top .top1 .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin-right: 0.1rem;
+}
+.page1 .top .top2 {
+  width: 4rem;
+  height: 4rem;
+  position: absolute;
+  left: 0.6666666667rem;
+  top: 7.3333333333rem;
+  margin: 0 auto 0;
+}
+.page1 .top .top2 .ts {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+.page1 .top .top2 .tx {
+  width: 2.3733333333rem;
+  height: 2.3733333333rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.8266666667rem;
+}
+.page1 .top .top2 .name {
+  width: 83%;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  position: absolute;
+  top: 3.7866666667rem;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+.page1 .top .top2 .name b {
+  max-width: 2.6rem;
+  text-align: right;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.page1 .top .top2 .name img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .top .top2 .id {
+  width: 100%;
+  position: absolute;
+  top: 4.3733333333rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+}
+.page1 .top .top2 .score {
+  height: 0.88rem;
+  line-height: 0.88rem;
+  position: absolute;
+  top: 4.9333333333rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+}
+.page1 .top .top2 .score b {
+  color: #2D2A00;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+}
+.page1 .top .top2 .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin-right: 0.1rem;
+}
+.page1 .top .top3 {
+  width: 4rem;
+  height: 4rem;
+  position: absolute;
+  right: 0.6666666667rem;
+  top: 7.3333333333rem;
+  margin: 0 auto 0;
+}
+.page1 .top .top3 .ts {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+.page1 .top .top3 .tx {
+  width: 2.3733333333rem;
+  height: 2.3733333333rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.8266666667rem;
+}
+.page1 .top .top3 .name {
+  width: 83%;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  position: absolute;
+  top: 3.7866666667rem;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+.page1 .top .top3 .name b {
+  max-width: 2.6rem;
+  text-align: right;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.page1 .top .top3 .name img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .top .top3 .id {
+  width: 100%;
+  position: absolute;
+  top: 4.3733333333rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+}
+.page1 .top .top3 .score {
+  height: 0.88rem;
+  line-height: 0.88rem;
+  position: absolute;
+  top: 4.9333333333rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+}
+.page1 .top .top3 .score b {
+  color: #2D2A00;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+}
+.page1 .top .top3 .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin-right: 0.1rem;
+}
+.page1 .bottom {
+  width: 10rem;
+  height: 0.6666666667rem;
+  background: url(../images/bottomBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -0.2rem auto 0;
+  position: relative;
+  z-index: 2;
+}
+.page1 .content {
+  width: 10rem;
+  height: auto;
+  margin: 0 auto 0;
+  background: url(../images/contentBg.png) no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+}
+.page1 .content ul {
+  width: 8.8rem;
+  margin: 0.3733333333rem auto 0rem;
+}
+.page1 .content ul li {
+  width: 100%;
+  background: linear-gradient(0deg, #9F0141, #760231);
+  margin-bottom: 0.3466666667rem;
+  overflow: hidden;
+  padding: 0 0.32rem 0.2533333333rem 0.2rem;
+  box-sizing: border-box;
+  background: url(../images/li_bg.png) no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+}
+.page1 .content ul li .num {
+  float: left;
+  width: 0.5333333333rem;
+  line-height: 1.5466666667rem;
+  color: #FFF783;
+  font-size: 0.4266666667rem;
+  font-weight: 600;
+  margin-right: 0.36rem;
+  text-align: center;
+}
+.page1 .content ul li .tx {
+  float: left;
+  width: 1.1066666667rem;
+  height: 1.1066666667rem;
+  border-radius: 50%;
+  border: 0.0266666667rem solid #FFF783;
+  display: block;
+  margin-top: 0.2533333333rem;
+  margin-right: 0.1866666667rem;
+  margin-left: 0.1866666667rem;
+}
+.page1 .content ul li .info {
+  float: left;
+  margin-top: 0.3333333333rem;
+}
+.page1 .content ul li .info p {
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.1333333333rem;
+  display: flex;
+}
+.page1 .content ul li .info p b {
+  max-width: 1.9rem;
+  display: inline-block;
+  height: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+}
+.page1 .content ul li .info p img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .content ul li .info span {
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+  display: block;
+}
+.page1 .content ul li .score {
+  display: flex;
+  height: 0.88rem;
+  line-height: 0.88rem;
+  margin-left: auto;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+  justify-content: center;
+}
+.page1 .content ul li .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin: 0 0.0666666667rem 0 0.0666666667rem;
+  vertical-align: middle;
+}
+.page1 .content ul li .score b {
+  font-weight: 500;
+  font-size: 0.3733333333rem;
+  color: #2D2A00;
+  vertical-align: middle;
+}
+.page1 .content .more {
+  width: 1.6533333333rem;
+  height: 0.5866666667rem;
+  line-height: 0.5866666667rem;
+  text-align: center;
+  padding: 0 0.4533333333rem;
+  margin: 0 auto 0.3rem;
+  color: #FFF783;
+  border: 0.0266666667rem solid #FFF783;
+  border-radius: 0.5866666667rem;
+  box-sizing: border-box;
+  font-size: 0.32rem;
+  font-weight: 500;
+}
+.page1 .my {
+  position: fixed;
+  z-index: 9;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 10rem;
+  background: #0A102B;
+  border-radius: 0.24rem 0.24rem 0px 0px;
+  border: 0.04rem solid #FFF783;
+  box-sizing: border-box;
+  padding: 0 0.52rem 0.2rem 0.2rem;
+  display: flex;
+  align-items: center;
+}
+.page1 .my .num {
+  float: left;
+  width: 0.5333333333rem;
+  height: 100%;
+  line-height: 1.7333333333rem;
+  color: #FFF783;
+  font-size: 0.4266666667rem;
+  font-weight: 600;
+  margin-right: 0.36rem;
+  text-align: center;
+}
+.page1 .my .tx {
+  float: left;
+  width: 1.1066666667rem;
+  height: 1.1066666667rem;
+  border-radius: 50%;
+  border: 0.0266666667rem solid #FFF783;
+  display: block;
+  margin-top: 0.2133333333rem;
+  margin-right: 0.1866666667rem;
+  margin-left: 0.1866666667rem;
+}
+.page1 .my .info {
+  float: left;
+  margin-top: 0.3333333333rem;
+}
+.page1 .my .info p {
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.1333333333rem;
+}
+.page1 .my .info p b {
+  max-width: 2rem;
+  display: inline-block;
+  height: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+}
+.page1 .my .info p img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .my .info span {
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+  display: block;
+}
+.page1 .my .score {
+  display: flex;
+  height: 0.88rem;
+  line-height: 0.88rem;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+}
+.page1 .my .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin: 0 0.0666666667rem 0 0.0666666667rem;
+  vertical-align: middle;
+}
+.page1 .my .score b {
+  font-weight: 500;
+  font-size: 0.3733333333rem;
+  color: #2D2A00;
+  vertical-align: middle;
+}
+
+.page2 {
+  display: none;
+  margin: 5.28rem auto 0;
+}
+.page2 .top {
+  width: 10rem;
+  height: 2.1333333333rem;
+  position: relative;
+  margin: 0 auto -0.2rem;
+  overflow: hidden;
+}
+.page2 .top .tab {
+  width: 100%;
+  height: 1rem;
+  box-sizing: border-box;
+  line-height: 1rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0rem auto 0;
+  position: absolute;
+  top: 40%;
+  gap: 0.2666666667rem;
+  padding: 0 0.5333333333rem;
+}
+.page2 .top .tab div {
+  width: 4.3333333333rem;
+  height: 1rem;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 800;
+  background: url(../images/tab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page2 .top .tab .act {
+  background: url(../images/actTab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page2 .bottom {
+  width: 10rem;
+  height: 0.6666666667rem;
+  background: url(../images/bottomBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -0.2rem auto 0;
+}
+.page2 .content {
+  width: 10rem;
+  margin: 0 auto 0;
+  background: url(../images/rewardBg.png) no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+}
+.page2 .content .box {
+  width: 10rem;
+  height: 29.04rem;
+  margin: 0.2rem auto 0;
+  position: relative;
+}
+.page2 .content .box .bo {
+  position: absolute;
+  width: 0.6933333333rem;
+  height: 0.6933333333rem;
+  left: 1.88rem;
+}
+.page2 .content .box .bo1 {
+  top: 9.92rem;
+}
+.page2 .content .box .bo2 {
+  top: 23rem;
+}
+.page2 .content .box .bo3 {
+  top: 38.56rem;
+}
+
+.rules {
+  position: fixed;
+  z-index: 999;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: none;
+}
+.rules .rule_in {
+  width: 10rem;
+  height: 6.4266666667rem;
+  background: url(../images/giftBox.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.rules .rule_in .close {
+  position: absolute;
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  right: 0.2666666667rem;
+  top: -0.08rem;
+}
+.rules .rule_in .titles {
+  width: 7.5066666667rem;
+  height: 1.8533333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.1066666667rem;
+  text-align: center;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 600;
+  line-height: 2.6133333333rem;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+.rules .rule_in .text {
+  width: 8.2266666667rem;
+  height: 6.2rem;
+  overflow-y: scroll;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+  line-height: 0.56rem;
+  margin: 2.1333333333rem auto 0;
+}
+.rules .rule_in .text::-webkit-scrollbar {
+  display: none;
+}
+
+.bottomText {
+  width: 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.32rem;
+  font-weight: 400;
+  margin: 0.6666666667rem auto 2.4rem;
+}
+
+.video {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+  display: none;
+}
+.video video {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 65%;
+}
+.video .close {
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  position: absolute;
+  top: 10%;
+  right: 0.9333333333rem;
+  z-index: 9;
+}
+
+.arabic .header {
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+}
+.arabic .page1 .content ul li .score {
+  margin-right: auto;
+  margin-left: 0;
+}
+.arabic .page1 .my .score {
+  margin-right: auto;
+  margin-left: 0;
+}

view/molistar/activity/2025-Holloween/index.html

@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        <div class="rule text3"></div>
+    </div>
+    <!-- 倒计时 -->
+    <div class="timeBox">
+        <div class="days">
+            <span>00</span>
+            <b class="text6"></b>
+        </div>
+        <div class="hours">
+            <span>00</span>
+            <b class="text7"></b>
+        </div>
+        <div class="mins">
+            <span>00</span>
+            <b class="text8"></b>
+        </div>
+        <div class="secs">
+            <span>00</span>
+            <b class="text9"></b>
+        </div>
+    </div>
+
+    <!-- 礼物盒子 -->
+    <div class="giftBox">
+        <div class="title text4"></div>
+        <div class="gift">
+            <div class="gift0">
+                <img src="./images/logo.png" alt="">
+                <span>Name</span>
+            </div>
+            <div class="gift1">
+                <img src="./images/logo.png" alt="">
+                <span>Name</span>
+            </div>
+            <div class="gift2">
+                <img src="./images/logo.png" alt="">
+                <span>Name</span>
+            </div>
+        </div>
+    </div>
+
+    <!-- page1 -->
+    <div class="page1">
+        <div class="top">
+            <!-- 切换 -->
+            <div class="tab">
+                <div class="act text10"></div>
+                <div class="text11"></div>
+            </div>
+            <!-- 前三 -->
+            <div class="top1">
+                <img src="./images/top1.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </div>
+                <div class="id">ID:0</div>
+                <div class="score">
+                    <img src="./images/box.png" alt="">
+                    <b>0K</b>
+                </div>
+            </div>
+            <div class="top2">
+                <img src="./images/top2.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </div>
+                <div class="id">ID:0</div>
+                <div class="score">
+                    <img src="./images/box.png" alt="">
+                    <b>0K</b>
+                </div>
+            </div>
+            <div class="top3">
+                <img src="./images/top3.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </div>
+                <div class="id">ID:0</div>
+                <div class="score">
+                    <img src="./images/box.png" alt="">
+                    <b>0K</b>
+                </div>
+            </div>
+        </div>
+        <div class="content">
+            <ul>
+                <!-- <li>
+                    <div class="num">04</div>
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="info">
+                        <p>
+                            <b>名字</b>
+                            <img src="" alt="" class="icon">
+                        </p>
+                        <span>ID:1234567</span>
+                    </div>
+                    <div class="score">
+                        <img src="./images/box.png" alt="">
+                        <b>0K</b>
+                    </div>
+                </li> -->
+            </ul>
+            <div class="more">More</div>
+        </div>
+        <div class="bottom"></div>
+        <div class="my">
+            <div class="num">04</div>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="info">
+                <p>
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </p>
+                <span>ID:1234567</span>
+            </div>
+            <div class="score">
+                <img src="./images/box.png" alt="">
+                <b>0K</b>
+            </div>
+        </div>
+    </div>
+    <!-- page2 -->
+    <div class="page2">
+        <div class="top">
+            <!-- 切换 -->
+            <div class="tab">
+                <div class="text10">Ranking</div>
+                <div class="act text11">Rewards</div>
+            </div>
+        </div>
+        <div class="content">
+            <div class="box">
+                <!-- <img src="./images/bo.png" alt="" class="bo bo1">
+                <img src="./images/bo.png" alt="" class="bo bo2">
+                <img src="./images/bo.png" alt="" class="bo bo3"> -->
+            </div>
+        </div>
+        <!-- <div class="bottom"></div> -->
+    </div>
+    <div class="bottomText text12"></div>
+    <!-- 规则 -->
+    <div class="rules">
+        <div class="rule_in">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="titles text133"></div>
+            <div class="text text13">
+
+            </div>
+        </div>
+    </div>
+    <!-- MP4 -->
+    <div class="video video1">
+        <video id="zjVideo1" controls>
+            <source src="./mp4/1.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video2">
+        <video id="zjVideo2" controls>
+            <source src="./mp4/2.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video3">
+        <video id="zjVideo3" controls>
+            <source src="./mp4/3.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>

view/molistar/activity/2025-Holloween/js/index.js

@@ -0,0 +1,276 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+var loadedCount = 0; // 已加載的數據數量
+var pageSize = 7; // 每次加載的數據數量
+var notListTo3 = []; // 每次加載的數據數量
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        getConfig();
+    }, 100)
+
+})
+// 处理SVGA
+document.addEventListener('DOMContentLoaded', function () {
+    function loadSVGA(containerId, svgaPath) {
+        var container = document.getElementById(containerId);
+        var player = new SVGA.Player(container);
+
+        var parser = new SVGA.Parser();
+        parser.load(svgaPath, function (videoItem) {
+            player.setVideoItem(videoItem);
+            player.startAnimation();
+        });
+    }
+
+    loadSVGA('ts10', './svga/100.svga');
+});
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').html(langReplace(localLang.demoModule.text1));
+    $('.text2').html(langReplace(localLang.demoModule.text2));
+    // $('.text22').html(langReplace(localLang.demoModule.text22));
+    $('.text3').html(langReplace(localLang.demoModule.text3));
+    $('.text4').html(langReplace(localLang.demoModule.text4));
+    $('.text5').html(langReplace(localLang.demoModule.text5));
+    $('.text6').html(langReplace(localLang.demoModule.text6));
+    $('.text7').html(langReplace(localLang.demoModule.text7));
+    $('.text8').html(langReplace(localLang.demoModule.text8));
+    $('.text9').html(langReplace(localLang.demoModule.text9));
+    $('.text10').html(langReplace(localLang.demoModule.text10));
+    $('.text11').html(langReplace(localLang.demoModule.text11));
+    $('.text12').html(langReplace(localLang.demoModule.text12));
+    $('.text13').html(langReplace(localLang.demoModule.text13));
+    $('.text133').html(langReplace(localLang.demoModule.text133));
+    $('.more').html(langReplace(localLang.demoModule.more));
+    if (browser.ios) {
+        $('.bottomText').text(langReplace(localLang.demoModule.text12))
+    } else {
+        $('.bottomText').text(langReplace(localLang.demoModule.text122))
+    }
+}
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/h5/template/rank',
+        data: { actKey: "2025Holloween" },
+        success(res) {
+            if (res.code === 200) {
+                // 处理日期
+                // var startTime = dateFormat(new Date(res.data.startTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
+                // var endTime = dateFormat(new Date(res.data.endTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
+                // $('.header .date .text22').text(`${startTime} - ${endTime}`);
+                // 处理倒计时
+                countup(res.data.endTime - res.timestamp);
+                // 处理限定礼物
+                res.data.gifts.forEach((res, i) => {
+                    $(`.giftBox .gift .gift${i} img`).attr("src", res.giftUrl);
+                    $(`.giftBox .gift .gift${i} span`).text(res.giftName);
+                })
+                // 处理榜单
+                var listTo3 = res.data.rankList.slice(0, 3);
+                notListTo3 = res.data.rankList.slice(3);
+                // 处理前三
+                if (listTo3.length < 3) {
+                    let arr = new Array(3 - listTo3.length).fill({
+                        avatar: './images/logo.png',
+                        name: langReplace(localLang.demoModule.waiting),
+                        erbanNo: null,
+                        totalNum: null
+                    })
+                    listTo3.push(...arr)
+                }
+                listTo3.forEach((res, i) => {
+                    $(`.page1 .top .top${i + 1} .tx`).attr('src', res.avatar);
+                    $(`.page1 .top .top${i + 1} .name b`).text(res.name);
+                    $(`.page1 .top .top${i + 1} .name img`).attr('src', res.userLevelVo ? res.userLevelVo.experUrl : './images/logo.png');
+                    $(`.page1 .top .top${i + 1} .id`).text('ID:' + res.erbanNo);
+                    $(`.page1 .top .top${i + 1} .score b`).text(unitProcessingAr(res.totalNum, 2));
+                    if (res.erbanNo == null) {
+                        $(`.page1 .top .top${i + 1} .name img`).hide();
+                        $(`.page1 .top .top${i + 1} .id`).hide();
+                        $(`.page1 .top .top${i + 1} .score`).hide();
+                    }
+                })
+                // 非前三
+                loadMore();
+                // 处理自己榜单数据
+                var my = res.data.myRank;
+                $('.page1 .my .tx').attr("src", my.avatar);
+                $('.page1 .my .num').text(my.rank == 0 ? '30+' : my.rank);
+                $('.page1 .my .info p b').text(my.name);
+                $('.page1 .my .info p img').attr('src', res.data.myRank.userLevelVo.experUrl);
+                $('.page1 .my .info span').text(`ID:${my.erbanNo}`);
+                $('.page1 .my .score b').text(unitProcessingAr(my.totalNum, 2));
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 加載數據函數
+function loadMore() {
+    // 計算加載範圍
+    pageSize = loadedCount == 0 ? 7 : 10;
+    const nextItems = notListTo3.slice(loadedCount, loadedCount + pageSize);
+    let str = '';
+
+    // 拼接 HTML
+    nextItems.forEach(res => {
+        str += `
+                <li>
+                    <div class="num">${res.rank}</div>
+                    <img src="${res.avatar}" alt="" class="tx">
+                    <div class="info">
+                        <p>
+                            <b>${res.name}</b>
+                            <img src="${res.userLevelVo.experUrl}" alt="" class="icon">
+                        </p>
+                        <span>ID:${res.erbanNo}</span>
+                    </div>
+                    <div class="score">
+                        <img src="./images/box.png" alt="">
+                        <b>${unitProcessingAr(res.totalNum, 2)}</b>
+                    </div>
+                </li>
+        `
+    })
+    // 將數據插入到列表中
+    $('.page1 .content ul').append(str);
+    // 更新已加載的數據數量
+    loadedCount += nextItems.length;
+    // 如果數據全部加載完成，隱藏按鈕
+    console.log(loadedCount >= notListTo3.length);
+    console.log(notListTo3.length);
+    if (loadedCount >= notListTo3.length) {
+        $('.page1 .content .more').hide();
+    }
+}
+
+// 綁定按鈕點擊事件
+$('.page1 .content .more').click(function () {
+    loadMore();
+})
+
+// 初次加載數據
+// tab切换
+$('.page1 .top .tab div,.page2 .top .tab div').click(function () {
+    var i = $(this).index() + 1;
+    $('.page1,.page2').hide();
+    $(`.page${i}`).show();
+    if (i == 1) {
+        $('.bottomText').css('margin', '0.66667rem auto 2.4rem');
+    } else {
+        $('.bottomText').css('margin', '0.66667rem auto 0.66667rem');
+    }
+})
+// 打开规则
+$('.rule').click(function () {
+    $('.rules').show();
+    bodyScroolFun(true);
+})
+// 关闭规则
+$('.rules .rule_in .close').click(function () {
+    $('.rules').hide();
+    bodyScroolFun(false);
+})
+
+// 倒計時
+function countup(leftTime) {
+    clearTimeout(countupTime)
+    //獲取當前時間
+    // var now = nowTime;
+    var d = 0;
+    var h = 0;
+    var m = 0;
+    var s = 0;
+    //定義變數 d,h,m,s保存倒計時的時間
+    var d, h, m, s;
+    //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 
+    if (leftTime > 0) {
+        d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
+        h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
+        m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
+        s = getzf(Math.floor(leftTime / 1000 % 60));
+        //將倒計時賦值到div中
+        $('.timeBox .days span').text(d);
+        $('.timeBox .hours span').text(h);
+        $('.timeBox .mins span').text(m);
+        $('.timeBox .secs span').text(s);
+    } else {
+        getConfig();
+    }
+    if (leftTime > 0) {
+        leftTime = leftTime - 1000;
+    }
+    countupTime = setTimeout(function () {
+        countup(leftTime);
+    }, 1000);
+}
+//补0操作  
+function getzf(num) {
+    if (parseInt(num) < 10) {
+        num = '0' + num;
+    }
+    return num;
+}
+

view/molistar/activity/2025-Holloween/local/ar.js

@@ -0,0 +1,30 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جارٍ التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `الثورة عيد`,
+        text3: `القواعد`,
+        text4:'هدايا المناسبات',
+        text6: `أيام`,
+        text7: `ساعات`,
+        text8: `دقائق`,
+        text9: `ثواني`,
+        text10: `التصنيف`,
+        text11: `المكافآت`,
+        text12: `حدث لا علاقة له بشركة آبل`,
+        text122: `حدث غير مرتبط بجوجل`,
+        text133: `القواعد`,
+        text13: `<P>1.خلال فترة الحدث، يمكنك الانضمام إلى الترتيب عن طريق إرسال الدول المعينة.</p>
+                 <P>2.في نهاية الحدث، سيحصل أفضل 3 مستخدمين على مكافأة سخية.</p>
+                 <P>3.سيتم دفع المكافآت في اليوم التالي لانتهاء الحدث</p>
+                 <P>4.لا علاقة للحدث بـ Google/Apple.</p>   `,
+        more: `المزيد`,
+        month: `شهر`,
+        day: `يوم`,
+        waiting: `في انتظار`,
+    }
+    
+}

view/molistar/activity/2025-Holloween/local/en.js

@@ -0,0 +1,27 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1:`Egyptian Revolution Day`,
+        text3:`Rules`,
+        text4:`Event Gifts`,
+        text6: `Days`,
+        text7: `Hours`,
+        text8: `Mins`,
+        text9: `Secs`,
+        text10: `Ranking`,
+        text11: `Rewards`,
+        text12: `Event not related to Apple.`,
+        text122: `Event not related to Google.`,
+        text133: `Rules`,
+        text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
+        <p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
+        <p>3.Rewards will be paid out the day after the event ends</p>
+        <p>4.Event has nothing to do with Google/Apple.</p>`,
+        more: 'More',
+        month: 'Month',
+        day: 'Day',
+        waiting: 'Waiting',
+    },
+}

view/molistar/activity/2025-Holloween/local/tr.js

@@ -0,0 +1,29 @@
+langTr = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1:`Egyptian Revolution Day`,
+        text3:`Rules`,
+        text4:`Event Gifts`,
+        text6: `Days`,
+        text7: `Hours`,
+        text8: `Mins`,
+        text9: `Secs`,
+        text10: `Ranking`,
+        text11: `Rewards`,
+        text12: `Event not related to Apple.`,
+        text122: `Event not related to Google.`,
+        text133: `Rules`,
+        text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
+        <p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
+        <p>3.Rewards will be paid out the day after the event ends</p>
+        <p>4.Event has nothing to do with Google/Apple.</p>`,
+        more: 'More',
+        month: 'Month',
+        day: 'Day',
+        waiting: 'Waiting',
+    },
+
+
+}

view/molistar/activity/2025-Holloween/local/zh.js

@@ -0,0 +1,30 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1:`Egyptian Revolution Day`,
+        text3:`Rules`,
+        text4:`Event Gifts`,
+        text6: `Days`,
+        text7: `Hours`,
+        text8: `Mins`,
+        text9: `Secs`,
+        text10: `Ranking`,
+        text11: `Rewards`,
+        text12: `Event not related to Apple.`,
+        text122: `Event not related to Google.`,
+        text133: `Rules`,
+        text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
+        <p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
+        <p>3.Rewards will be paid out the day after the event ends</p>
+        <p>4.Event has nothing to do with Google/Apple.</p>`,
+        more: 'More',
+        month: 'Month',
+        day: 'Day',
+        waiting: 'Waiting',
+    },
+
+}

view/molistar/activity/gameChallenge/index.html

@@ -69,14 +69,14 @@
                 <img src="./images/top1.png" alt="" class="ts">
                 <img src="./images/null.png" alt="" class="tx">
                 <img src="" alt="" class="icon">
-                <div class="name"> </div>
+                <div class="name">名字</div>
                 <div class="id">ID:0</div>
             </div>
             <div class="top2">
                 <img src="./images/top2.png" alt="" class="ts">
                 <img src="./images/null.png" alt="" class="tx">
                 <img src="" alt="" class="icon">
-                <div class="name"> </div>
+                <div class="name">名字</div>
                 <div class="id">ID:0</div>
                 <div class="score">
                     <b>Behind 0K</b>
@@ -87,7 +87,7 @@
                 <img src="./images/top3.png" alt="" class="ts">
                 <img src="./images/null.png" alt="" class="tx">
                 <img src="" alt="" class="icon">
-                <div class="name"> </div>
+                <div class="name">名字</div>
                 <div class="id">ID:0</div>
                 <div class="score">
                     <b>Behind 0K</b>
@@ -102,7 +102,7 @@
                     <img src="./images/null.png" alt="" class="tx">
                     <img src="" alt="" class="icon">
                     <div class="info">
-                        <p> </p>
+                        <p>名字</p>
                         <span>ID:1234567</span>
                     </div>
                     <div class="score">
@@ -119,7 +119,7 @@
             <img src="./images/null.png" alt="" class="tx">
             <img src="" alt="" class="icon">
             <div class="info">
-                <p> </p>
+                <p>名字</p>
                 <span>ID:1234567</span>
             </div>
             <div class="score">
@@ -258,4 +258,4 @@
 <script src="../../common/local/langHandler.js"></script>
 <script src="../../common/js/svga.min.js"></script>
 <script src="./js/countNumber.js"></script>
-<script src="./js/index.js?v=1.112"></script>
+<script src="./js/index.js?v=1.11"></script>

view/molistar/activity/gameChallenge/js/index.js

@@ -142,7 +142,7 @@ function getInit() {
                 if (listTo3.length < 3) {
                     let arr = new Array(3 - listTo3.length).fill({
                         avatar: './images/null.png',
-                        name: langReplace(localLang.demoModule.waiting),
+                        nick: langReplace(localLang.demoModule.waiting),
                         erbanNo: null,
                         score: null
                     })

view/molistar/common/js/common2.js

@@ -347,7 +347,7 @@ function checkVersion() {
         weixin: u.indexOf('MicroMessenger') > -1, //是否微信
         qq: u.match(/\sQQ/i) == " qq", //是否QQ
         molistar: u.match('molistarApp'),
-        app: u.match('molistarApp') //是否在app内
+        app: u.match('molistarApp') || u.match('MoliParty'), //是否在app内
     };
 }
 

view/molistar/modules/dailyConsumption/css/index.css

@@ -27,72 +27,165 @@ body {
 
 .header {
   width: 10rem;
-  height: 12.5333333333rem;
+  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.6rem;
+  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: 5.4933333333rem;
+  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 {
-  width: 7.16rem;
-  height: 1.6266666667rem;
   box-sizing: border-box;
   padding: 0 0.6666666667rem;
   position: absolute;
-  top: 8.48rem;
+  top: 20.2rem;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   justify-content: space-between;
 }
-.header .timeBox div {
-  width: 1.3333333333rem;
+.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%;
-  position: relative;
   text-align: center;
-  line-height: 1.3333333333rem;
+  padding-top: 0.1333333333rem;
 }
-.header .timeBox div b {
+.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 div span {
-  width: 2.4rem;
-  height: 0.48rem;
-  line-height: 0.48rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: -0.5466666667rem;
+.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;
-  background: url(../images/timeBg.png) no-repeat;
-  background-size: 100% 100%;
+  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.7866666667rem;
+  margin-right: 0.6666666667rem;
 }
 .header .timeBox .colon {
   width: 0.2133333333rem;
@@ -106,54 +199,60 @@ body {
 .myBox {
   width: 10rem;
   height: 8.0533333333rem;
-  background: url(../images/box.png) no-repeat;
+  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 .ts {
-  width: 1.7066666667rem;
-  height: 1.7066666667rem;
+.myBox .info {
+  display: flex;
+  align-items: center;
+}
+.myBox .info .left .ts {
+  width: 2.08rem;
+  height: 2.08rem;
   position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 2.44rem;
   z-index: 2;
 }
-.myBox .tx {
-  width: 1.7066666667rem;
-  height: 1.7066666667rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 2.44rem;
+.myBox .info .left .tx {
+  width: 2.08rem;
+  height: 2.08rem;
   z-index: 1;
   border-radius: 50%;
 }
-.myBox .name {
-  width: 4.8rem;
+.myBox .info .right {
+  margin: 0 0.2666666667rem;
+}
+.myBox .info .right .name {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 4.28rem;
-  text-align: center;
-  color: #FFED70;
-  font-size: 0.3733333333rem;
+  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: 8.2666666667rem;
+  width: 8rem;
   height: 0.2133333333rem;
   border-radius: 0.2133333333rem;
-  background: #824115;
+  background: #000000;
   position: absolute;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 5.8533333333rem;
+  top: 5.6rem;
   border-radius: 0.2133333333rem;
 }
 .myBox .lineBox .line {
@@ -166,9 +265,8 @@ body {
   border-radius: 0.2133333333rem;
 }
 .myBox .lineBox .boxs {
-  width: 0.8266666667rem;
-  height: 0.8266666667rem;
-  background: url(../images/false.png) no-repeat;
+  width: 0.88rem;
+  height: 0.88rem;
   background-size: 100% 100%;
   position: absolute;
   top: 50%;
@@ -192,13 +290,22 @@ body {
   height: 0.4533333333rem;
   margin: 0 0.0666666667rem;
 }
+.myBox .lineBox .boxs:nth-child(odd) span {
+  top: 0.9333333333rem;
+}
 .myBox .lineBox .box1 {
-  left: 2rem;
+  left: 0rem;
 }
 .myBox .lineBox .box2 {
-  left: 4.52rem;
+  left: 0rem;
 }
 .myBox .lineBox .box3 {
+  left: 0rem;
+}
+.myBox .lineBox .box4 {
+  left: 0rem;
+}
+.myBox .lineBox .box5 {
   right: 0rem;
 }
 .myBox .lineBox .act {
@@ -260,6 +367,7 @@ body {
   width: 10rem;
   height: auto;
   margin: 0 auto 0.4133333333rem;
+  display: none;
 }
 .content1 .contentBox1,
 .content1 .contentBox2,
@@ -581,6 +689,7 @@ body {
   font-weight: 400;
   opacity: 0.6;
   margin-bottom: 0.5333333333rem;
+  margin-top: 0.2666666667rem;
 }
 
 .video,
@@ -677,6 +786,117 @@ body {
   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%;
@@ -788,62 +1008,4 @@ body {
 .Turkiye .content2 .contentBox3 .box {
   background: url(../images/210-tr.png) no-repeat;
   background-size: 100% 100%;
-}
-
-.Russian .header {
-  background: url(../images/header-ru.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Russian .content1 .contentBox1 .box {
-  background: url(../images/700-ru.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Russian .content1 .contentBox2 .box {
-  background: url(../images/350-ru.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Russian .content1 .contentBox3 .box {
-  background: url(../images/70-ru.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Russian .content2 .contentBox1 .box {
-  background: url(../images/7-ru.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Russian .content2 .contentBox2 .box {
-  background: url(../images/3500-ru.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Russian .content2 .contentBox3 .box {
-  background: url(../images/210-ru.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.Uzbek .header {
-  background: url(../images/header-uz.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Uzbek .content1 .contentBox1 .box {
-  background: url(../images/700-uz.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Uzbek .content1 .contentBox2 .box {
-  background: url(../images/350-uz.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Uzbek .content1 .contentBox3 .box {
-  background: url(../images/70-uz.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Uzbek .content2 .contentBox1 .box {
-  background: url(../images/7-uz.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Uzbek .content2 .contentBox2 .box {
-  background: url(../images/3500-uz.png) no-repeat;
-  background-size: 100% 100%;
-}
-.Uzbek .content2 .contentBox3 .box {
-  background: url(../images/210-uz.png) no-repeat;
-  background-size: 100% 100%;
 }

view/molistar/modules/dailyConsumption/css/index.scss

@@ -32,48 +32,146 @@ body {
 
 .header {
     width: px2rem(750);
-    height: px2rem(940);
+    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(45);
+        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(412);
+        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);
+        // width: 7.16rem;
+        // height: px2rem(122);
         box-sizing: border-box;
         padding: 0 px2rem(50);
         position: absolute;
-        top: px2rem(636);
+        top: px2rem(1515);
         left: 50%;
         transform: translateX(-50%);
         display: flex;
         justify-content: space-between;
 
-        div {
-            width: px2rem(100);
+        .hour,
+        .min,
+        .sec,
+        .day {
+            width: px2rem(110);
             height: px2rem(100);
             background: url(../images/time.png) no-repeat;
             background-size: 100% 100%;
-            position: relative;
             text-align: center;
-            line-height: px2rem(100);
+            padding-top: px2rem(10);
 
             b {
                 color: #FFED70;
@@ -82,26 +180,33 @@ body {
                 font-family: PingFang SC;
             }
 
-            span {
-                width: px2rem(180);
-                height: px2rem(36);
-                line-height: px2rem(36);
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(-41);
+            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;
-                background: url(../images/timeBg.png) no-repeat;
-                background-size: 100% 100%;
+                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(59);
+            margin-right: px2rem(50);
         }
 
         .colon {
@@ -118,59 +223,74 @@ body {
 .myBox {
     width: px2rem(750);
     height: px2rem(604);
-    background: url(../images/box.png) no-repeat;
+    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;
 
-    .ts {
-        width: px2rem(128);
-        height: px2rem(128);
-        position: absolute;
-        left: 50%;
-        transform: translateX(-50%);
-        top: px2rem(183);
-        z-index: 2;
+    .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);
+            }
+        }
     }
 
-    .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(620);
+        width: px2rem(600);
+        // width: px2rem(750);
         height: px2rem(16);
         border-radius: px2rem(16);
-        background: #824115;
+        background: #000000;
         position: absolute;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
-        top: px2rem(439);
+        top: px2rem(420);
         border-radius: px2rem(16);
 
+        // padding: 0 px2rem(60);
         .line {
             width: 0%;
             height: 100%;
@@ -182,9 +302,9 @@ body {
         }
 
         .boxs {
-            width: px2rem(62);
-            height: px2rem(62);
-            background: url(../images/false.png) no-repeat;
+            width: px2rem(66);
+            height: px2rem(66);
+            // background: url(../images/false.png) no-repeat;
             background-size: 100% 100%;
             position: absolute;
             top: 50%;
@@ -209,20 +329,37 @@ body {
                     margin: 0 px2rem(5);
                 }
             }
+
+        }
+
+        .boxs:nth-child(odd) {
+            span {
+                top: px2rem(70);
+                // bottom: px2rem(550);
+            }
         }
 
         .box1 {
-            left: px2rem(150);
+            left: px2rem(0);
         }
 
         .box2 {
-            left: px2rem(339);
+            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%;
@@ -291,7 +428,7 @@ body {
     width: px2rem(750);
     height: auto;
     margin: 0 auto px2rem(31);
-    // display: none;
+    display: none;
 
     .contentBox1,
     .contentBox2,
@@ -602,6 +739,7 @@ body {
     font-weight: 400;
     opacity: 0.6;
     margin-bottom: px2rem(40);
+    margin-top: px2rem(20);
 }
 
 .video,
@@ -702,6 +840,136 @@ 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;
@@ -794,118 +1062,71 @@ 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%;
     }
-}
-.Russian {
-    .header {
-        background: url(../images/header-ru.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content1 .contentBox1 .box{
-        background: url(../images/700-ru.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content1 .contentBox2 .box{
-        background: url(../images/350-ru.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content1 .contentBox3 .box{
-        background: url(../images/70-ru.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content2 .contentBox1 .box{
-        background: url(../images/7-ru.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content2 .contentBox2 .box{
-        background: url(../images/3500-ru.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content2 .contentBox3 .box{
-        background: url(../images/210-ru.png) no-repeat;
-        background-size: 100% 100%;
-    }
-}
-.Uzbek {
-    .header {
-        background: url(../images/header-uz.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content1 .contentBox1 .box{
-        background: url(../images/700-uz.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content1 .contentBox2 .box{
-        background: url(../images/350-uz.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content1 .contentBox3 .box{
-        background: url(../images/70-uz.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content2 .contentBox1 .box{
-        background: url(../images/7-uz.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content2 .contentBox2 .box{
-        background: url(../images/3500-uz.png) no-repeat;
-        background-size: 100% 100%;
-    }
-    .content2 .contentBox3 .box{
-        background: url(../images/210-uz.png) no-repeat;
-        background-size: 100% 100%;
-    }
 }

view/molistar/modules/dailyConsumption/index.html

@@ -7,6 +7,8 @@
     <title class="text1"></title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css?v=1.0">
+    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
+
 </head>
 
 <body>
@@ -16,28 +18,67 @@
     </div>
     <!-- 头部 -->
     <div class="header">
+        <div class="date_tip"></div>
         <div class="rule_icon text2"></div>
+        <!-- 历史榜单 -->
+        <div class="lastTopUserVos">
+            <div class="bg_img">
+                <img src="./images/tx_day.png" alt=""></img>
+            </div>
+            <div class="avatar">
+                <img src="" alt="">
+            </div>
+            <div class="title">Yesterday's Champion</div>
+            <div class="nick"></div>
+        </div>
+        <!-- tab -->
+         <div class="tab_list">
+            <div class="tab_box Daily_Support act_tab" activityType="DAY_CONSUME" ></div>
+            <div class="tab_box Weekly_Support" activityType="WEEK_CONSUME"></div>
+            <div class="tab_box Monthly_Support" activityType="MONTH_CONSUME"></div>
+         </div>
         <!-- 倒计时 -->
         <div class="timeBox">
+            <div class="day">
+                <b>00</b>
+                <p class="Days"></p>
+            </div>
             <div class="hour">
                 <b>00</b>
-                <span class="text3"></span>
+                <p class="text3"></p>
+            </div>
+            <div class="maohao">
+                <img src="./images/maohao.png" alt="">
             </div>
             <div class="min">
                 <b>00</b>
-                <span class="text4"></span>
+                <p class="text4"></p>
+            </div>
+            <div class="maohao">
+                <img src="./images/maohao.png" alt="">
             </div>
             <div class="sec">
                 <b>00</b>
-                <span class="text5"></span>
+                <p class="text5"></p>
             </div>
         </div>
     </div>
     <!--我的消费进度  -->
     <div class="myBox">
-        <img src="./images/txk.png" alt="" class="ts">
-        <img src="" alt="" class="tx">
-        <div class="name"></div>
+        <div class="info">
+            <div class="left">
+                <img src="./images/txk.png" alt="" class="ts">
+                <img src="" alt="" class="tx">
+            </div>
+            <div class="right">
+                <div class="name"></div>
+                <div class="Today_Support">
+                    <span class="title"></span>
+                    <span class="goldNum"></span>
+                </div>
+                <div class="Upgrade_Requires"></div>
+            </div>
+        </div>
         <div class="lineBox">
             <div class="line"></div>
             <div class="box1 boxs">
@@ -49,17 +90,32 @@
             <div class="box3 boxs">
                 <span><b>0K</b> <img src="./images/gold.png" alt=""></span>
             </div>
+            <div class="box4 boxs">
+                <span><b>0K</b> <img src="./images/gold.png" alt=""></span>
+            </div>
+            <div class="box5 boxs">
+                <span><b>0K</b> <img src="./images/gold.png" alt=""></span>
+            </div>
         </div>
-        <div class="tetxBox">
+        <!-- <div class="tetxBox">
             <div class="l text6"></div>
             <div class="r"><b>0</b>/<strong></strong></div>
-        </div>
+        </div> -->
     </div>
     <!-- tab -->
-    <div class="tab">
+    <!-- <div class="tab">
         <div class="tabbox act text7"></div>
         <div class="text8"></div>
+    </div> -->
+
+    <div class="reward_list">
+        <div class="swiper">
+            <div class="swiper-wrapper">
+            </div>
+          </div>
+        
     </div>
+
     <!-- 档位1 -->
     <div class="content1">
         <div class="contentBox1 level3">
@@ -218,8 +274,7 @@
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
 <script src="./local/tr.js"></script>
-<script src="./local/ru.js"></script>
-<script src="./local/uz.js"></script>
 <script src="../../common/js/svga.min.js"></script>
 <script src="./js/index.js?v=1.0"></script>
-<script src="../../common/local/langHandler.js"></script>
+<script src="../../common/local/langHandler.js"></script>
+<script src="./js/swiper-bundle.min.js"></script>

view/molistar/modules/dailyConsumption/js/index.js

@@ -58,6 +58,7 @@ $(function () {
         localLang = window.lang;
         translateFun();
         getConfig();
+        swiperFun();
     }, 100)
 })
 // 处理SVGA
@@ -115,66 +116,99 @@ function translateFun() {
 
         $('.null').text(langReplace(localLang.demoModule.text16));
     }
-    $('.rule .rule_in .box').html(langReplace(localLang.demoModule.Ruletxt));
+    $('.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 },
+        data: {
+            uid: pubInfo.uid,
+            activityType
+        },
         success(res) {
             if (res.code === 200) {
                 // 分区规则
-                $('.rule .rule_in .box').html(res.data.partitionId == 2 ? langReplace(localLang.demoModule.arRule) : langReplace(localLang.demoModule.enRule));
+                $('.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.endTime - res.timestamp);
+                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 .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();
+                $('.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 {
-                        $(`.content2 .level${res.level} .priorityWinnersBox div`).remove();
+                        $(`.myBox .lineBox .box${index + 1}`).css({
+                            'background': `url(${boxImgOption[activityType].ordinary}) no-repeat`,
+                            'background-size': '100% 100%'
+                        });
                     }
-                    if (res.userVos.length > 0) {
-                        res.userVos.forEach(val => {
+                    // 渲染轮播图
+                    let str = '';
+                    // 处理每个档位的用户前四名
+                    if (item.userVos.length > 0) {
+                        item.userVos.forEach(val => {
                             str += `
                                 <div>
                                     <img src="${val.avatar}" alt="">
@@ -190,12 +224,59 @@ function getConfig() {
                                 </div>
                         `
                     }
-                    if ((res.level) <= 3) {
-                        $(`.content1 .level${res.level} .priorityWinnersBox`).append(str);
-                    } else {
-                        $(`.content2 .level${res.level} .priorityWinnersBox`).append(str);
-                    }
-                })
+                    htmlStr += `
+                    <div class="swiper-slide">
+                    <div class="reward_box">
+                        <div class="top">
+                            <div class="title">${localLang.demoModule.Consume} ${unitProcessingAr(item.usb, 1)} <img src="./images/gold.png" alt=""> </div>
+                        </div>
+                        <div class="content">
+                            <img src="./images/content.png" alt="">
+                        </div> 
+                        <div class="bottom">
+                        <div class="priority_title">${localLang.demoModule.priorityWinners}</div>
+                        <div class="user_list">
+                        ${str}
+                        </div>
+                        </div>
+                        <div class="nextBtn">
+                            <img src="./images/Next.png" alt="">
+                        </div>
+                        <div class="prevBtn">
+                            <img src="./images/Prev.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                    `
+                });
+                // 渲染轮播图
+                $('.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)
             }
@@ -207,6 +288,20 @@ 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)
@@ -225,6 +320,7 @@ 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);
@@ -313,4 +409,60 @@ $('.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();
 })

view/molistar/modules/dailyConsumption/local/ar.js

@@ -22,23 +22,66 @@ langAr = {
         text15: `هذا الحدث لا علاقة له بـ Apple`,
         text16: `هذا الحدث لا علاقة له بـ Google`,
         priorityWinners: `الفائزون ذوو الأولوية`,
-        Ruletxt: `
+        enRule: `
         <p>
-        ١. فترة الفعالية: من الساعة ١٢:٠٠ صباحًا حتى ١١:٥٩ مساءً في الأيام العادية<br>
-        ٢. سيتم احتساب إنفاقك على المنصة (الهدايا المرسلة، مشتريات المتجر، إلخ) يوميًا.<br>
-        ٣. عند وصولك إلى مستوى معين، ستحصل على مكافآت مقابلة.<br>
-        ٤. سيتم إيداع المكافآت تلقائيًا في محفظتك، تذكر التحقق.<br>
+       1. وقت الحدث: يوم/أسبوع/شهر (بتوقيت غرينتش +8).<br>
+        2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.02 قيمة عملة).<br>
+       3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.<br>
+        </p>
+        <p>
+            القيود:<br>
+            1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.<br>
+            2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.<br>
+        </p>
+        <p>
+            ملاحظة:<br>
+            1. لا علاقة لهذا الحدث بجوجل وآبل.
+        </p>
+        `,
+        en2Rule: `
+        <p>
+       1. وقت الحدث: يوم/أسبوع/شهر (بتوقيت غرينتش +8).<br>
+        2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.05 من قيمة العملة).<br>
+       3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.<br>
+        </p>
+        <p>
+            القيود:<br>
+            1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.<br>
+            2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.<br>
+        </p>
+        <p>
+            ملاحظة:<br>
+            1. لا علاقة لهذا الحدث بجوجل وآبل.
+        </p>
+        `,
+        arRule: `
+        <p>
+        1. وقت الحدث: يوم/أسبوع/شهر (غرينتش +3).<br>
+        2. خلال الحدث، سيتم احتساب عملاتك التي أنفقتها على المنصة. (إرسال عملة واحدة كهدية عادية = قيمة عملة واحدة؛ عملة واحدة كهدية محظوظة = 0.05 من قيمة العملة).<br>
+       3. عند وصول عملاتك إلى المستوى المطلوب خلال الحدث، يمكنك الحصول على مكافأة المستوى المطلوب.<br>
     </p>
     <p>
         القيود:<br>
-        ١. لا يُسمح لوكلاء الشحن بالمشاركة في هذه الفعالية.<br>
-        ٢. لن يُحتسب إنفاق الألعاب الصغيرة ضمن إنفاق عملات الفعالية.<br>
+        1. لا يشارك مستخدمو وكلاء إعادة الشحن في هذا الحدث.<br>
+        2. لا يشمل استهلاك العملات استثمار الألعاب المصغرة.<br>
     </p>
     <p>
         ملاحظة:<br>
-        ١. هذه الفعالية غير تابعة لجوجل أو آبل.
+       1. لا علاقة لهذا الحدث بجوجل وآبل.
     </p>
         `,
         waiting: `ي انتظار`,
+        Yesterday_Champion:'بطل الأمس',
+        Last_Elite:'نخبة الأسبوع الماضي',
+        Last_Legend:'أسطورة الشهر الماضي', 
+        Daily_Support:'الدعم<br /> اليومي',
+        Weekly_Support:'الدعم <br />الأسبوعي',
+        Monthly_Support:'الدعم <br />الشهري',
+        Days:'الأيام',
+        Today_Support: 'دعم اليوم:',
+        Upgrade_Requires: 'متطلبات الترقية:',
+        Consume:'استهلاك ',
+        Weekly_SupportTwo:'الدعم الأسبوعي',
+        Monthly_SupportTwo:'الدعم الشهري',
     }
 }

view/molistar/modules/dailyConsumption/local/en.js

@@ -20,23 +20,66 @@ langEn = {
         text15: `This event has nothing to do with Apple`,
         text16: `This event has nothing to do with Google`,
         priorityWinners: `Priority Winners`,
-        Ruletxt: `
+        enRule: `
+            <p>
+                1 Event time: natural day/natural week/natural month (GMT+8).<br>
+                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).<br>
+                3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.<br>
+                </p>
+                <p>
+                    Restrictions:<br>
+                    1 Recharge agent users do not participate in this event.<br>
+                    2 The investment in mini games is not included in the consumption of coins.<br>
+                </p>
+                <p>
+                    Attention:<br>
+                    1 This event has nothing to do with Google and Apple.
+                </p>
+        `,
+        en2Rule: `
+            <p>
+                1 Event time: natural day/natural week/natural month (GMT+8).<br>
+                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).<br>
+                3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.<br>
+                </p>
+                <p>
+                    Restrictions:<br>
+                    1 Recharge agent users do not participate in this event.<br>
+                    2 The investment in mini games is not included in the consumption of coins.<br>
+                </p>
+                <p>
+                    Attention:<br>
+                    1 This event has nothing to do with Google and Apple.
+                </p>
+        `,
+        arRule: `
         <p>
-            1. Event Period: 12:00 AM - 11:59 PM on natural days.<br>
-            2. Your platform spending (gifts sent, store purchases, etc.) will be calculated daily.<br>
-            3. When you reach a certain level, you will receive corresponding rewards.<br>
-            4. Rewards will be automatically deposited into your bag, remeber to check.<br>
+           1 Event time: natural day/natural week/natural month (GMT+3).<br>
+           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).<br>
+           3. When your coins reach the corresponding level during the event, you can get the corresponding level reward.<br>
         </p>
         <p>
             Restrictions:<br>
-            1. Recharge agents are not take part in this event.<br>
-            2. Mini-game spending will not count towards the event's coin spending.<br>
+            1 Recharge agent users do not participate in this event.<br>
+           2 The investment in mini games is not included in the consumption of coins.<br>
         </p>
         <p>
             Attention:<br>
-            1. This event is not affiliated with Google or Apple.
+            1 This event has nothing to do with Google and Apple.
         </p>
         `,
         waiting: `Waiting`,
+        Yesterday_Champion:`Yesterday's Champion`,
+        Last_Elite:`Last Week's Elite`,
+        Last_Legend:`Last Month's Legend`, 
+        Daily_Support:'Daily<br />Support',
+        Weekly_Support:'Weekly<br />Support',
+        Monthly_Support:'Monthly<br />Support',
+        Days:'Days',
+        Today_Support: `Today's Support:`,
+        Upgrade_Requires: 'Upgrade Requires:',
+        Consume:'Consume',
+        Weekly_SupportTwo:'Weekly Support',
+        Monthly_SupportTwo:'Monthly Support',
     }
 }

view/molistar/modules/dailyConsumption/local/ru.js

@@ -1,41 +0,0 @@
-langRu = {
-    demoModule: {
-        layerIndex1: `Загрузка...`,
-        layerIndex2: `Успешно`,
-        layerIndex3: `Ошибка сети`,
-        text1: `Ежедневные потрачено`,
-        text2: `Правила`,
-        text3: `Час`,
-        text4: `Мин`,
-        text5: `Сек`,
-        text6: `Потратить монеты`,
-        text7: `Потратить 70К-700К`,
-        text8: `Потратить 2.1М-7М`,
-        text9: `Потратить 700К`,
-        text10: `Потратить 350К`,
-        text11: `Потратить 70К`,
-        text12: `Потратить 7М`,
-        text13: `Потратить 3.5М`,
-        text14: `Потратить 2.1М`,
-        text15: `Данное мероприятие не связано с Apple`,
-        text16: `Данное мероприятие не связано с Google`,
-        priorityWinners: `Получатель`,
-        Ruletxt: `
-        <p>
-            1. Время ивента: с 00:00 до 23:59 по календарному дню.<br>
-            2. Ваши расходы на платформе (отправленные подарки, покупки в магазине и т. д.) будут учитываться ежедневно.<br>
-            3. При достижении определённого уровня вы получите соответствующие награды.<br>
-        </p>
-        <p>
-            Ограничения:<br>
-           1.Реселлеры не участвуют в этом ивенте<br>
-            2. Расходы на мини-игры не учитываются при трате монет события.<br>
-        </p>
-        <p>
-            Внимание:<br>
-            1. Это ивент не связано с Google или Apple.
-        </p>
-        `,
-        waiting: `Ожд.`,
-    }
-}

view/molistar/modules/dailyConsumption/local/tr.js

@@ -20,24 +20,67 @@ langTr = {
         text15: `Bu etkinlik Apple ile ilgisi yoktur`,
         text16: `Bu etkinlik Google ile ilgisi yoktur`,
         priorityWinners: `Öncelikli Kazananlar`,
-        Ruletxt: `
+        enRule: `
             <p>
-                1. Etkinlik Süresi: Normal günlerde 00:00 - 23:59<br>
-                2. Platform harcamalarınız (gönderilen hediyeler, mağaza alışverişleri vb.) günlük olarak hesaplanacaktır.<br>
-                3. Belirli bir seviyeye ulaştığınızda, ilgili ödülleri alacaksınız.<br>
-                4. Ödüller otomatik olarak çantanıza yüklenecektir, kontrol etmeyi unutmayın.<br>
+                1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+8).<br>
+                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).<br>
+                3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz..<br>
             </p>
             <p>
                 Kısıtlamalar:<br>
-                1. Kontör yükleme acenteleri bu etkinliğe katılamaz.<br>
-                2. Mini oyun harcamaları, etkinliğin jeton harcamalarına dahil edilmeyecektir.<br>
+               1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.<br>
+                2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.<br>
             </p>
             <p>
-                Dikkat:<br>
-                1. Bu etkinlik Google veya Apple ile bağlantılı değildir.
+                Not:<br>
+                1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur.
+            </p>
+        `,
+        en2Rule: `
+            <p>
+                1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+8).<br>
+                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).<br>
+                3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz..<br>
+            </p>
+            <p>
+                Kısıtlamalar:<br>
+               1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.<br>
+                2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.<br>
+            </p>
+            <p>
+                Not:<br>
+                1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur.
+            </p>
+        `,
+        arRule: `
+            <p>
+                1 Etkinlik saati: doğal gün/doğal hafta/doğal ay (GMT+3).<br>
+                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).<br>
+                3. Etkinlik sırasında coin'leriniz ilgili seviyeye ulaştığında, ilgili seviye ödülünü alabilirsiniz.<br>
+            </p>
+            <p>
+                Kısıtlamalar:<br>
+               1 Şarj acentesi kullanıcıları bu etkinliğe katılamaz.<br>
+                2 Mini oyunlara yapılan yatırım, coin tüketimine dahil değildir.<br>
+            </p>
+            <p>
+                Not:<br>
+                1 Bu etkinliğin Google ve Apple ile hiçbir ilgisi yoktur.
             </p>
         `,
         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<br />Destek',
+        Weekly_Support:'Haftalık<br />Destek',
+        Monthly_Support:'Aylık<br />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',
     }
 
 }

view/molistar/modules/dailyConsumption/local/uz.js

@@ -1,42 +0,0 @@
-langUz = {
-    demoModule: {
-        layerIndex1: `Yuklanmoqda...`,
-        layerIndex2: `Muvaffaqiyatli`,
-        layerIndex3: `Tarmoq xatosi`,
-        text1: `Kunlik sarf`,
-        text2: `Qoidalar`,
-        text3: `Soat`,
-        text4: `Daqiqa`,
-        text5: `Soniya`,
-        text6: `Tangalarni sarflash`,
-        text7: `70K-700K sarflang`,
-        text8: `2.1M-7M sarflang`,
-        text9: `700K sarflang`,
-        text10: `350K sarflang`,
-        text11: `70K sarflang`,
-        text12: `7M sarflang`,
-        text13: `3.5M sarflang`,
-        text14: `2.1M sarflang`,
-        text15: `Ushbu tadbir Apples bilan aloqasi yo'q`,
-        text16: `Ushbu tadbir Google bilan aloqasi yo'q`,
-        priorityWinners: `Imtiyozli G'oliblar`,
-        Ruletxt: `
-        <p>
-            1. Tadbir vaqti: tabiiy kunlarda 12:00 dan 23:59 gacha.<br>
-            2. Sizning platforma xarajatlaringiz (yuborilgan sovg'alar, do'kon xaridlari va h.k.) har kuni hisoblab chiqiladi.<br>
-            3. Muayyan darajaga erishganingizda, tegishli mukofotlarni olasiz.<br>
-            4. Mukofotlar avtomatik ravishda sumkangizga kiritiladi, tekshirishni unutmang.<br>
-        </p>
-        <p>
-            Cheklovlar:<br>
-            1. Zaryadlovchi agentlar ushbu tadbirda ishtirok etmaydi.<br>
-            2. Mini-o‘yinlar uchun sarflangan mablag‘ tadbir tangalari uchun sarflanmaydi.<br>
-        </p>
-        <p>
-            Diqqat:<br>
-            1. Ushbu tadbir Google yoki Apple bilan bog'liq emas.
-        </p>
-        `,
-        waiting: `Kutish`,
-    }
-}

view/molistar/modules/dailyConsumption/local/zh.js

@@ -22,23 +22,66 @@ langZh = {
         text15: `此活動與 Apple 無關`,
         text16: `此活動與 Google 無關`,
         priorityWinners: `優先獲勝者`,
-        Ruletxt: `
+        enRule: `
         <p>
-        1 活動時間：自然日00:00-23:59。<br>
-        2 每天計算你在平台中的消費（如：送出禮物，購買商城物料等）。<br>
-        3 當你達到對應的等級，即可獲得對應的等級獎勵。<br>
-        4 獎勵將自動發放到您的背包，請注意查收。<br>
+        1. 活動時間：自然日/自然週/自然月（GMT+8）。<br>
+        2. 活動期間，您在平台消費的幣值將會被統計。 （送1個幣的普通禮物=1個幣值；送1個幣的幸運禮物=0.02個幣值）。<br>
+        3. 活動期間，當您的幣值達到相應等級時，即可獲得相應等級的獎勵。<br>
+        </p>
+        <p>
+            限制：<br>
+            1. 儲值代理用戶不參與此活動。<br>
+            2. 小遊戲的投資不計入幣值消耗。<br>
+        </p>
+        <p>
+            注意：<br>
+           1. 此活動與Google和蘋果無關。
+        </p>
+        `,
+        en2Rule: `
+        <p>
+        1. 活動時間：自然日/自然週/自然月（GMT+8）。<br>
+        2. 活動期間，您在平台消費的金幣將被計入。 （送1個金幣普通禮物=1個金幣價值；送1個金幣幸運禮物=0.05個金幣價值）。<br>
+        3. 活動期間，當您的金幣達到相應等級時，即可獲得相應等級的獎勵。<br>
+        </p>
+        <p>
+            限制：<br>
+            1. 儲值代理用戶不參與此活動。<br>
+            2. 小遊戲投資不計入金幣消耗。<br>
+        </p>
+        <p>
+            注意：<br>
+           1. 此活動與Google和蘋果無關。
+        </p>
+        `,
+        arRule: `
+        <p>
+        1. 活動時間：自然日/自然週/自然月（GMT+3）。<br>
+       2. 活動期間，您在平台消費的金幣將被計入。 （送1個金幣普通禮物=1個金幣價值；送1個金幣幸運禮物=0.05個金幣價值）。<br>
+        3. 活動期間，當您的金幣達到相應等級時，即可獲得相應等級的獎勵。<br>
     </p>
     <p>
         限制：<br>
-        1 儲值代理用戶不參與此活動。<br>
-        2 小遊戲的投入不計入活動的金幣消費。<br>
+       1. 儲值代理用戶不參與此活動。<br>
+        2. 小遊戲投資不計入金幣消耗。<br>
     </p>
     <p>
         注意：<br>
-        1 本活動與Google和Apple無關。
+        1. 此活動與Google、蘋果無關。
     </p>
         `,
         waiting: `等待中`,
+        Yesterday_Champion: '昨日冠軍',
+        Last_Elite: '上週精英',
+        Last_Legend: '上月傳奇',
+        Daily_Support: '每日<br />支持',
+        Weekly_Support: '每週<br />支持',
+        Monthly_Support: '每月<br />支持',
+        Days: '天',
+        Today_Support: '今日支持:',
+        Upgrade_Requires: '升級至下一等級所需:',
+        Consume:'消耗',
+        Weekly_SupportTwo:'每週支持',
+        Monthly_SupportTwo:'每月支持',
     }
 }