欢乐砸蛋多语言完成

view/molistar/common/js/common2.js

@@ -840,6 +840,8 @@ function langCodeFun(langCode) {
 
     } else if (langCode == "en") {
         document.body.classList.add('english');
+    }else if(langCode == "zh"){
+        document.body.classList.add('china');
     }
     // if (window.location.href.match(/guildAr/)) {
     //     document.documentElement.setAttribute("dir", "ltr");

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

@@ -0,0 +1,850 @@
+html,
+body {
+  width: 100%;
+  background: #290C05;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.86667rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 12.53333rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+  position: relative;
+}
+
+.header .rule_icon {
+  width: 1.86667rem;
+  height: 0.66667rem;
+  line-height: 0.6rem;
+  background: url(../images/rule_cion.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFED70;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  top: 5.49333rem;
+  right: 0rem;
+  text-align: center;
+  text-indent: 2px;
+}
+
+.header .timeBox {
+  width: 7.16rem;
+  height: 1.62667rem;
+  box-sizing: border-box;
+  padding: 0 0.66667rem;
+  position: absolute;
+  top: 8.48rem;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: space-between;
+}
+
+.header .timeBox div {
+  width: 1.33333rem;
+  height: 1.33333rem;
+  background: url(../images/time.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  text-align: center;
+  line-height: 1.33333rem;
+}
+
+.header .timeBox div b {
+  color: #FFED70;
+  font-size: 0.58667rem;
+  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.54667rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  font-family: PingFang SC;
+  background: url(../images/timeBg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.header .timeBox .day {
+  margin-right: 0.78667rem;
+}
+
+.header .timeBox .colon {
+  width: 0.21333rem;
+  height: 0.53333rem;
+  background: url(../images/colon.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 0.22667rem;
+  margin-top: 0.54667rem;
+}
+
+.myBox {
+  width: 10rem;
+  height: 8.05333rem;
+  background: url(../images/box.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -1.1rem auto 0.46667rem;
+  position: relative;
+}
+
+.myBox .ts {
+  width: 1.70667rem;
+  height: 1.70667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 2.44rem;
+  z-index: 2;
+}
+
+.myBox .tx {
+  width: 1.70667rem;
+  height: 1.70667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 2.44rem;
+  z-index: 1;
+  border-radius: 50%;
+}
+
+.myBox .name {
+  width: 4.8rem;
+  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.37333rem;
+  font-weight: 600;
+}
+
+.myBox .lineBox {
+  width: 8.26667rem;
+  height: 0.21333rem;
+  border-radius: 0.21333rem;
+  background: #824115;
+  position: absolute;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.85333rem;
+  border-radius: 0.21333rem;
+}
+
+.myBox .lineBox .line {
+  width: 0%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background: linear-gradient(90deg, #FBF392, #FCB41B);
+  border-radius: 0.21333rem;
+}
+
+.myBox .lineBox .boxs {
+  width: 0.82667rem;
+  height: 0.82667rem;
+  background: url(../images/false.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.myBox .lineBox .boxs span {
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%);
+  top: -0.66667rem;
+  display: flex;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+.myBox .lineBox .boxs span img {
+  display: block;
+  width: 0.45333rem;
+  height: 0.45333rem;
+  margin: 0 0.06667rem;
+}
+
+.myBox .lineBox .box1 {
+  left: 2rem;
+}
+
+.myBox .lineBox .box2 {
+  left: 4.52rem;
+}
+
+.myBox .lineBox .box3 {
+  right: 0rem;
+}
+
+.myBox .lineBox .act {
+  background: url(../images/true.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.myBox .tetxBox {
+  width: 8.26667rem;
+  display: flex;
+  justify-content: space-between;
+  position: absolute;
+  top: 6.4rem;
+  left: 50%;
+  transform: translateX(-50%);
+  color: #FFED70;
+  font-weight: 400;
+}
+
+.myBox .tetxBox .left {
+  font-size: 0.34667rem;
+}
+
+.myBox .tetxBox .rirgt {
+  font-size: 0.37333rem;
+}
+
+.tab {
+  width: 9.73333rem;
+  height: 1.33333rem;
+  margin: 0 auto 0.41333rem;
+  display: flex;
+  justify-content: space-between;
+}
+
+.tab div {
+  width: 4.8rem;
+  height: 1.33333rem;
+  line-height: 1.33333rem;
+  text-align: center;
+  color: #EBC9B2;
+  font-size: 0.4rem;
+  font-weight: 600;
+  background: url(../images/tab.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.tab .tabbox {
+  background: url(../images/tab2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.tab .act {
+  color: #290C05;
+  background: url(../images/act.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.tab .act2 {
+  color: #290C05;
+  background: url(../images/tabact2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content1 {
+  width: 10rem;
+  height: auto;
+  margin: 0 auto 0.41333rem;
+}
+
+.content1 .contentBox1,
+.content1 .contentBox2,
+.content1 .contentBox3 {
+  width: 100%;
+  height: 16.58667rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.53333rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.content1 .contentBox1 .title,
+.content1 .contentBox2 .title,
+.content1 .contentBox3 .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+  width: 5.22667rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content1 .contentBox1 .title span,
+.content1 .contentBox2 .title span,
+.content1 .contentBox3 .title span {
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.content1 .contentBox1 .title img,
+.content1 .contentBox2 .title img,
+.content1 .contentBox3 .title img {
+  width: 0.53333rem;
+  height: 0.53333rem;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 0.06667rem;
+}
+
+.content1 .contentBox1 .box,
+.content1 .contentBox2 .box,
+.content1 .contentBox3 .box {
+  width: 8.93333rem;
+  height: 10.66667rem;
+  margin: 2.10667rem auto 0.13333rem;
+  background: url(../images/700.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.content1 .contentBox1 .box .ts,
+.content1 .contentBox2 .box .ts,
+.content1 .contentBox3 .box .ts {
+  width: 2.13333rem;
+  height: 2.13333rem;
+  position: absolute;
+  right: 0.5rem;
+  top: 5.9rem;
+}
+
+.content1 .contentBox1 .box .zj,
+.content1 .contentBox2 .box .zj,
+.content1 .contentBox3 .box .zj {
+  width: 5.2rem;
+  height: 8.5rem;
+  position: absolute;
+  left: 0.35rem;
+  top: 0.3rem;
+  overflow: hidden;
+}
+
+.content1 .contentBox1 .box .zj canvas,
+.content1 .contentBox2 .box .zj canvas,
+.content1 .contentBox3 .box .zj canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.content1 .contentBox1 .priorityWinners,
+.content1 .contentBox2 .priorityWinners,
+.content1 .contentBox3 .priorityWinners {
+  width: 100%;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 500;
+  margin-bottom: 0.36rem;
+}
+
+.content1 .contentBox1 .priorityWinnersBox,
+.content1 .contentBox2 .priorityWinnersBox,
+.content1 .contentBox3 .priorityWinnersBox {
+  height: 1.6rem;
+  width: 83%;
+  display: flex;
+  justify-content: space-around;
+  margin: 0 auto;
+}
+
+.content1 .contentBox1 .priorityWinnersBox div,
+.content1 .contentBox2 .priorityWinnersBox div,
+.content1 .contentBox3 .priorityWinnersBox div {
+  width: 1.6rem;
+  height: 1.6rem;
+  position: relative;
+}
+
+.content1 .contentBox1 .priorityWinnersBox div img,
+.content1 .contentBox2 .priorityWinnersBox div img,
+.content1 .contentBox3 .priorityWinnersBox div img {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  border-radius: 50%;
+  left: 0;
+  top: 0;
+  border: 0.04rem #FFED70 solid;
+}
+
+.content1 .contentBox1 .priorityWinnersBox div span,
+.content1 .contentBox2 .priorityWinnersBox div span,
+.content1 .contentBox3 .priorityWinnersBox div span {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  bottom: -0.6rem;
+  height: 0.4rem;
+}
+
+.content1 .contentBox2 .box {
+  background: url(../images/350.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content1 .contentBox3 .box {
+  background: url(../images/70.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 {
+  width: 10rem;
+  height: auto;
+  margin: 0 auto 0.41333rem;
+  display: none;
+}
+
+.content2 .contentBox1,
+.content2 .contentBox2,
+.content2 .contentBox3 {
+  width: 100%;
+  height: 16.58667rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.53333rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.content2 .contentBox1 .title,
+.content2 .contentBox2 .title,
+.content2 .contentBox3 .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+  width: 5.22667rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 .contentBox1 .title span,
+.content2 .contentBox2 .title span,
+.content2 .contentBox3 .title span {
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.content2 .contentBox1 .title img,
+.content2 .contentBox2 .title img,
+.content2 .contentBox3 .title img {
+  width: 0.53333rem;
+  height: 0.53333rem;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 0.06667rem;
+}
+
+.content2 .contentBox1 .box,
+.content2 .contentBox2 .box,
+.content2 .contentBox3 .box {
+  width: 8.93333rem;
+  height: 10.66667rem;
+  margin: 2.10667rem auto 0.13333rem;
+  background: url(../images/7.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.content2 .contentBox1 .box .ts,
+.content2 .contentBox2 .box .ts,
+.content2 .contentBox3 .box .ts {
+  width: 2.13333rem;
+  height: 2.13333rem;
+  position: absolute;
+  right: 0.5rem;
+  top: 3.6rem;
+}
+
+.content2 .contentBox1 .box .zj,
+.content2 .contentBox2 .box .zj,
+.content2 .contentBox3 .box .zj {
+  width: 5.2rem;
+  height: 8.5rem;
+  position: absolute;
+  left: 0.35rem;
+  top: 0.3rem;
+  overflow: hidden;
+}
+
+.content2 .contentBox1 .box .zj canvas,
+.content2 .contentBox2 .box .zj canvas,
+.content2 .contentBox3 .box .zj canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.content2 .contentBox1 .box .zjIcon,
+.content2 .contentBox2 .box .zjIcon,
+.content2 .contentBox3 .box .zjIcon {
+  width: 0.61333rem;
+  height: 0.61333rem;
+  position: absolute;
+  left: 2.6rem;
+  top: 8.94667rem;
+  z-index: 2;
+}
+
+.content2 .contentBox1 .box .xzIcon,
+.content2 .contentBox2 .box .xzIcon,
+.content2 .contentBox3 .box .xzIcon {
+  width: 0.61333rem;
+  height: 0.61333rem;
+  position: absolute;
+  right: 1.2rem;
+  top: 8.94667rem;
+  z-index: 2;
+}
+
+.content2 .contentBox1 .priorityWinners,
+.content2 .contentBox2 .priorityWinners,
+.content2 .contentBox3 .priorityWinners {
+  width: 100%;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 500;
+  margin-bottom: 0.36rem;
+}
+
+.content2 .contentBox1 .priorityWinnersBox,
+.content2 .contentBox2 .priorityWinnersBox,
+.content2 .contentBox3 .priorityWinnersBox {
+  height: 1.6rem;
+  width: 83%;
+  display: flex;
+  justify-content: space-around;
+  margin: 0 auto;
+}
+
+.content2 .contentBox1 .priorityWinnersBox div,
+.content2 .contentBox2 .priorityWinnersBox div,
+.content2 .contentBox3 .priorityWinnersBox div {
+  width: 1.6rem;
+  height: 1.6rem;
+  position: relative;
+}
+
+.content2 .contentBox1 .priorityWinnersBox div img,
+.content2 .contentBox2 .priorityWinnersBox div img,
+.content2 .contentBox3 .priorityWinnersBox div img {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  border-radius: 50%;
+  left: 0;
+  top: 0;
+  border: 0.04rem #FFED70 solid;
+}
+
+.content2 .contentBox1 .priorityWinnersBox div span,
+.content2 .contentBox2 .priorityWinnersBox div span,
+.content2 .contentBox3 .priorityWinnersBox div span {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  bottom: -0.6rem;
+}
+
+.content2 .contentBox2 .box {
+  background: url(../images/3500.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 .contentBox3 .box {
+  background: url(../images/210.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 .contentBox3 .box .ts {
+  top: 5.9rem;
+}
+
+.null {
+  width: 100%;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 400;
+  opacity: 0.6;
+  margin-bottom: 0.53333rem;
+}
+
+.video,
+.video2,
+.video3 {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+  display: none;
+}
+
+.video video,
+.video2 video,
+.video3 video {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 65%;
+}
+
+.video .close,
+.video2 .close,
+.video3 .close {
+  width: 0.90667rem;
+  height: 0.90667rem;
+  position: absolute;
+  top: 10%;
+  right: 0.93333rem;
+  z-index: 9;
+}
+
+.rule {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+  display: none;
+}
+
+.rule .rule_in {
+  width: 9.33333rem;
+  height: 11.06667rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: url(../images/ruleBg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.rule .rule_in .close {
+  width: 0.88rem;
+  height: 0.88rem;
+  position: absolute;
+  right: 0;
+  top: -0.93333rem;
+}
+
+.rule .rule_in .title {
+  width: 4.66667rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  position: absolute;
+  top: -0.16rem;
+  left: 50%;
+  transform: translateX(-50%);
+  background: url(../images/ruleTitle.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.rule .rule_in .box {
+  width: 7.53333rem;
+  height: 8rem;
+  position: absolute;
+  top: 2.36rem;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow-y: scroll;
+}
+
+.rule .rule_in .box::-webkit-scrollbar {
+  display: none;
+}
+
+.rule .rule_in .box p {
+  color: #FFED70;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  line-height: 0.53333rem;
+  margin-bottom: 0.45333rem;
+}
+
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .myBox .tetxBox {
+  direction: ltr;
+}
+
+.arabic .content1 .contentBox1 .box {
+  background: url(../images/700ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content1 .contentBox1 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content1 .contentBox2 .box {
+  background: url(../images/350ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content1 .contentBox2 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content1 .contentBox3 .box {
+  background: url(../images/70ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content1 .contentBox3 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content2 .contentBox1 .box {
+  background: url(../images/7ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content2 .contentBox1 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content2 .contentBox2 .box {
+  background: url(../images/3500ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content2 .contentBox2 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content2 .contentBox3 .box {
+  background: url(../images/210ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content2 .contentBox3 .box .ts {
+  direction: ltr;
+}
+
+.arabic .back img {
+  left: auto;
+  right: 0.24rem;
+  transform: rotate(180deg);
+}
+
+.china .header {
+  background: url(../images/header-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content1 .contentBox1 .box {
+  background: url(../images/700-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content1 .contentBox2 .box {
+  background: url(../images/350-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content1 .contentBox3 .box {
+  background: url(../images/70-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content2 .contentBox1 .box {
+  background: url(../images/7-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content2 .contentBox2 .box {
+  background: url(../images/3500-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content2 .contentBox3 .box {
+  background: url(../images/210-zh.png) no-repeat;
+  background-size: 100% 100%;
+}

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

@@ -0,0 +1,821 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #290C05;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(65);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(0);
+    }
+}
+
+.header {
+    width: px2rem(750);
+    height: px2rem(940);
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto;
+    position: relative;
+
+    .rule_icon {
+        width: px2rem(140);
+        height: px2rem(50);
+        line-height: px2rem(45);
+        background: url(../images/rule_cion.png) no-repeat;
+        background-size: 100% 100%;
+        color: #FFED70;
+        font-size: px2rem(28);
+        font-weight: 500;
+        position: absolute;
+        top: px2rem(412);
+        right: px2rem(0);
+        text-align: center;
+        text-indent: 2px;
+    }
+
+    .timeBox {
+        width: 7.16rem;
+        height: px2rem(122);
+        box-sizing: border-box;
+        padding: 0 px2rem(50);
+        position: absolute;
+        top: px2rem(636);
+        left: 50%;
+        transform: translateX(-50%);
+        display: flex;
+        justify-content: space-between;
+
+        div {
+            width: px2rem(100);
+            height: px2rem(100);
+            background: url(../images/time.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+            text-align: center;
+            line-height: px2rem(100);
+
+            b {
+                color: #FFED70;
+                font-size: px2rem(44);
+                font-weight: 600;
+                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);
+                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%;
+            }
+        }
+
+        .day {
+            margin-right: px2rem(59);
+        }
+
+        .colon {
+            width: px2rem(16);
+            height: px2rem(40);
+            background: url(../images/colon.png) no-repeat;
+            background-size: 100% 100%;
+            margin: 0 px2rem(17);
+            margin-top: px2rem(41);
+        }
+    }
+}
+
+.myBox {
+    width: px2rem(750);
+    height: px2rem(604);
+    background: url(../images/box.png) no-repeat;
+    background-size: 100% 100%;
+    margin: -1.1rem auto px2rem(35);
+    position: relative;
+
+    .ts {
+        width: px2rem(128);
+        height: px2rem(128);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(183);
+        z-index: 2;
+    }
+
+    .tx {
+        width: px2rem(128);
+        height: px2rem(128);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(183);
+        z-index: 1;
+        border-radius: 50%;
+    }
+
+    .name {
+        width: px2rem(360);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(321);
+        text-align: center;
+        color: #FFED70;
+        font-size: px2rem(28);
+        font-weight: 600;
+    }
+
+    .lineBox {
+        width: px2rem(620);
+        height: px2rem(16);
+        border-radius: px2rem(16);
+        background: #824115;
+        position: absolute;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(439);
+        border-radius: px2rem(16);
+
+        .line {
+            width: 0%;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            top: 0;
+            background: linear-gradient(90deg, #FBF392, #FCB41B);
+            border-radius: px2rem(16);
+        }
+
+        .boxs {
+            width: px2rem(62);
+            height: px2rem(62);
+            background: url(../images/false.png) no-repeat;
+            background-size: 100% 100%;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+
+            span {
+                height: px2rem(34);
+                line-height: px2rem(34);
+                position: absolute;
+                left: 50%;
+                transform: translate(-50%);
+                top: px2rem(-50);
+                display: flex;
+                color: #FFED70;
+                font-size: px2rem(26);
+                font-weight: 400;
+
+                img {
+                    display: block;
+                    width: px2rem(34);
+                    height: px2rem(34);
+                    margin: 0 px2rem(5);
+                }
+            }
+        }
+
+        .box1 {
+            left: px2rem(150);
+        }
+
+        .box2 {
+            left: px2rem(339);
+        }
+
+        .box3 {
+            right: px2rem(0);
+        }
+
+        .act {
+            background: url(../images/true.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .tetxBox {
+        width: px2rem(620);
+        display: flex;
+        justify-content: space-between;
+        position: absolute;
+        top: px2rem(480);
+        left: 50%;
+        transform: translateX(-50%);
+        color: #FFED70;
+        font-weight: 400;
+
+        .left {
+            font-size: px2rem(26);
+        }
+
+        .rirgt {
+            font-size: px2rem(28);
+        }
+    }
+}
+
+.tab {
+    width: px2rem(730);
+    height: px2rem(100);
+    margin: 0 auto px2rem(31);
+    display: flex;
+    justify-content: space-between;
+
+    div {
+        width: px2rem(360);
+        height: px2rem(100);
+        line-height: px2rem(100);
+        text-align: center;
+        color: #EBC9B2;
+        font-size: px2rem(30);
+        font-weight: 600;
+        background: url(../images/tab.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .tabbox {
+        background: url(../images/tab2.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .act {
+        color: #290C05;
+        background: url(../images/act.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .act2 {
+        color: #290C05;
+        background: url(../images/tabact2.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.content1 {
+    width: px2rem(750);
+    height: auto;
+    margin: 0 auto px2rem(31);
+    // display: none;
+
+    .contentBox1,
+    .contentBox2,
+    .contentBox3 {
+        width: 100%;
+        height: px2rem(1244);
+        background: url(../images/bg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto px2rem(40);
+        position: relative;
+        overflow: hidden;
+
+        .title {
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 0;
+            width: px2rem(392);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 600;
+            background: url(../images/title.png) no-repeat;
+            background-size: 100% 100%;
+
+            span {
+                vertical-align: middle;
+                display: inline-block;
+            }
+
+            img {
+                width: px2rem(40);
+                height: px2rem(40);
+                display: inline-block;
+                vertical-align: middle;
+                margin: 0 px2rem(5);
+            }
+        }
+
+        .box {
+            width: px2rem(670);
+            height: px2rem(800);
+            margin: px2rem(158) auto px2rem(10);
+            background: url(../images/700.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+
+            .ts {
+                width: px2rem(160);
+                height: px2rem(160);
+                position: absolute;
+                right: 0.5rem;
+                top: 5.9rem;
+            }
+
+            .zj {
+                width: 5.2rem;
+                height: 8.5rem;
+                position: absolute;
+                left: 0.35rem;
+                top: 0.3rem;
+                overflow: hidden;
+
+                canvas {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+        }
+
+        .priorityWinners {
+            width: 100%;
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 500;
+            margin-bottom: px2rem(27);
+        }
+
+        .priorityWinnersBox {
+            height: px2rem(120);
+            width: 83%;
+            display: flex;
+            justify-content: space-around;
+            margin: 0 auto;
+
+            div {
+                width: px2rem(120);
+                height: px2rem(120);
+                position: relative;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    position: absolute;
+                    border-radius: 50%;
+                    left: 0;
+                    top: 0;
+                    border: px2rem(3) #FFED70 solid;
+                }
+
+                span {
+                    width: 100%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    text-align: center;
+                    color: #FFED70;
+                    font-size: px2rem(26);
+                    font-weight: 500;
+                    text-align: center;
+                    position: absolute;
+                    left: 0;
+                    bottom: -0.6rem;
+                    height: 0.4rem;
+                }
+            }
+        }
+    }
+
+    .contentBox2 {
+        .box {
+            background: url(../images/350.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .contentBox3 {
+        .box {
+            background: url(../images/70.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+}
+
+.content2 {
+    width: px2rem(750);
+    height: auto;
+    margin: 0 auto px2rem(31);
+    display: none;
+
+    .contentBox1,
+    .contentBox2,
+    .contentBox3 {
+        width: 100%;
+        height: px2rem(1244);
+        background: url(../images/bg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto px2rem(40);
+        position: relative;
+        overflow: hidden;
+
+        .title {
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 0;
+            width: px2rem(392);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 600;
+            background: url(../images/title.png) no-repeat;
+            background-size: 100% 100%;
+
+            span {
+                vertical-align: middle;
+                display: inline-block;
+            }
+
+            img {
+                width: px2rem(40);
+                height: px2rem(40);
+                display: inline-block;
+                vertical-align: middle;
+                margin: 0 px2rem(5);
+            }
+        }
+
+        .box {
+            width: px2rem(670);
+            height: px2rem(800);
+            margin: px2rem(158) auto px2rem(10);
+            background: url(../images/7.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+
+            .ts {
+                width: px2rem(160);
+                height: px2rem(160);
+                position: absolute;
+                right: 0.5rem;
+                top: 3.6rem;
+            }
+
+            .zj {
+                width: 5.2rem;
+                height: 8.5rem;
+                position: absolute;
+                left: 0.35rem;
+                top: 0.3rem;
+                overflow: hidden;
+
+                canvas {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
+            .zjIcon {
+                width: px2rem(46);
+                height: px2rem(46);
+                position: absolute;
+                left: px2rem(195);
+                top: px2rem(671);
+                z-index: 2;
+            }
+
+            .xzIcon {
+                width: px2rem(46);
+                height: px2rem(46);
+                position: absolute;
+                right: px2rem(90);
+                top: px2rem(671);
+                z-index: 2;
+            }
+        }
+
+        .priorityWinners {
+            width: 100%;
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 500;
+            margin-bottom: px2rem(27);
+        }
+
+        .priorityWinnersBox {
+            height: px2rem(120);
+            width: 83%;
+            display: flex;
+            justify-content: space-around;
+            margin: 0 auto;
+
+            div {
+                width: px2rem(120);
+                height: px2rem(120);
+                position: relative;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    position: absolute;
+                    border-radius: 50%;
+                    left: 0;
+                    top: 0;
+                    border: px2rem(3) #FFED70 solid;
+                }
+
+                span {
+                    width: 100%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    text-align: center;
+                    color: #FFED70;
+                    font-size: px2rem(26);
+                    font-weight: 500;
+                    text-align: center;
+                    position: absolute;
+                    left: 0;
+                    bottom: -0.6rem;
+                }
+            }
+        }
+    }
+
+    .contentBox2 {
+        .box {
+            background: url(../images/3500.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .contentBox3 {
+        .box {
+            background: url(../images/210.png) no-repeat;
+            background-size: 100% 100%;
+
+            .ts {
+                top: 5.9rem;
+            }
+        }
+    }
+}
+
+.null {
+    width: 100%;
+    text-align: center;
+    color: #FFED70;
+    font-size: px2rem(26);
+    font-weight: 400;
+    opacity: 0.6;
+    margin-bottom: px2rem(40);
+}
+
+.video,
+.video2,
+.video3 {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .5);
+    z-index: 99;
+    display: none;
+
+    video {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        width: 65%;
+    }
+
+    .close {
+        width: px2rem(68);
+        height: px2rem(68);
+        position: absolute;
+        top: 10%;
+        right: px2rem(70);
+        z-index: 9;
+    }
+}
+
+.rule {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .5);
+    z-index: 99;
+    display: none;
+
+    .rule_in {
+        width: px2rem(700);
+        height: px2rem(830);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: url(../images/ruleBg.png) no-repeat;
+        background-size: 100% 100%;
+
+        .close {
+            width: px2rem(66);
+            height: px2rem(66);
+            position: absolute;
+            right: 0;
+            top: px2rem(-70);
+        }
+
+        .title {
+            width: px2rem(350);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 600;
+            position: absolute;
+            top: px2rem(-12);
+            left: 50%;
+            transform: translateX(-50%);
+            background: url(../images/ruleTitle.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .box {
+            width: px2rem(565);
+            height: 8rem;
+            position: absolute;
+            top: px2rem(177);
+            left: 50%;
+            transform: translateX(-50%);
+            overflow-y: scroll;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            p {
+                color: #FFED70;
+                font-size: px2rem(28);
+                font-weight: 400;
+                line-height: px2rem(40);
+                margin-bottom: px2rem(34);
+            }
+        }
+    }
+}
+
+.arabic {
+    .header {
+        background: url(../images/header-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .myBox .tetxBox {
+        direction: ltr;
+    }
+
+    .content1 {
+        .contentBox1 {
+            .box {
+                background: url(../images/700ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox2 {
+            .box {
+                background: url(../images/350ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox3 {
+            .box {
+                background: url(../images/70ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+    }
+
+    .content2 {
+        .contentBox1 {
+            .box {
+                background: url(../images/7ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox2 {
+            .box {
+                background: url(../images/3500ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox3 {
+            .box {
+                background: url(../images/210ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+    }
+
+    .back img {
+        left: auto;
+        right: 0.24rem;
+        transform: rotate(180deg);
+    }
+}
+
+.china {
+    .header {
+        background: url(../images/header-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content1 .contentBox1 .box{
+        background: url(../images/700-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content1 .contentBox2 .box{
+        background: url(../images/350-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content1 .contentBox3 .box{
+        background: url(../images/70-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content2 .contentBox1 .box{
+        background: url(../images/7-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content2 .contentBox2 .box{
+        background: url(../images/3500-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content2 .contentBox3 .box{
+        background: url(../images/210-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}

view/molistar/modules/dailyConsumption/index.html

@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css?v=1.0">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        <div class="rule_icon text2"></div>
+        <!-- 倒计时 -->
+        <div class="timeBox">
+            <div class="hour">
+                <b>00</b>
+                <span class="text3"></span>
+            </div>
+            <div class="min">
+                <b>00</b>
+                <span class="text4"></span>
+            </div>
+            <div class="sec">
+                <b>00</b>
+                <span class="text5"></span>
+            </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="lineBox">
+            <div class="line"></div>
+            <div class="box1 boxs">
+                <span><b>0K</b> <img src="./images/gold.png" alt=""></span>
+            </div>
+            <div class="box2 boxs">
+                <span><b>0K</b> <img src="./images/gold.png" alt=""></span>
+            </div>
+            <div class="box3 boxs">
+                <span><b>0K</b> <img src="./images/gold.png" alt=""></span>
+            </div>
+        </div>
+        <div class="tetxBox">
+            <div class="l text6"></div>
+            <div class="r"><b>0</b>/<strong></strong></div>
+        </div>
+    </div>
+    <!-- tab -->
+    <div class="tab">
+        <div class="tabbox act text7"></div>
+        <div class="text8"></div>
+    </div>
+    <!-- 档位1 -->
+    <div class="content1">
+        <div class="contentBox1 level3">
+            <!-- 标题 -->
+            <div class="title">
+                <span><strong class="text9"></strong></span><img src="./images/gold.png" alt="">
+            </div>
+            <!-- 奖励内容 -->
+            <div class="box">
+                <div class="ts ts350" id="ts350"></div>
+                <div class="zj zj700" id="zj700"></div>
+            </div>
+            <!-- 获奖人员 -->
+            <div class="priorityWinners"></div>
+            <div class="priorityWinnersBox">
+            </div>
+        </div>
+        <div class="contentBox2 level2">
+            <!-- 标题 -->
+            <div class="title">
+                <span><strong class="text10"></strong></span><img src="./images/gold.png" alt="">
+            </div>
+            <!-- 奖励内容 -->
+            <div class="box">
+                <div class="ts ts70" id="ts70"></div>
+                <div class="zj zj350" id="zj350"></div>
+            </div>
+            <!-- 获奖人员 -->
+            <div class="priorityWinners"></div>
+            <div class="priorityWinnersBox">
+                <!-- <div>
+                    <img src="" alt="">
+                    <span>名字</span>
+                </div>
+                <div>
+                    <img src="" alt="">
+                    <span>名字</span>
+                </div> -->
+            </div>
+        </div>
+        <div class="contentBox3 level1">
+            <!-- 标题 -->
+            <div class="title">
+                <span><strong class="text11"></strong></span><img src="./images/gold.png" alt="">
+            </div>
+            <!-- 奖励内容 -->
+            <div class="box">
+                <div class="ts ts700" id="ts700"></div>
+                <div class="zj zj70" id="zj70"></div>
+            </div>
+            <!-- 获奖人员 -->
+            <div class="priorityWinners"></div>
+            <div class="priorityWinnersBox">
+            </div>
+        </div>
+    </div>
+    <!-- 档位2 -->
+    <div class="content2">
+        <div class="contentBox1 level6">
+            <!-- 标题 -->
+            <div class="title">
+                <span class="text12"></span><img src="./images/gold.png" alt="">
+            </div>
+            <!-- 奖励内容 -->
+            <div class="box">
+                <div class="ts" id="ts7"></div>
+                <!-- 播放图标 -->
+                <img src="./images/bf.png" alt="" class="zjIcon">
+                <img src="./images/bf.png" alt="" class="xzIcon">
+            </div>
+            <!-- 获奖人员 -->
+            <div class="priorityWinners"></div>
+            <div class="priorityWinnersBox">
+            </div>
+        </div>
+        <div class="contentBox2 level5">
+            <!-- 标题 -->
+            <div class="title">
+                <span><strong class="text13"></strong></span><img src="./images/gold.png" alt="">
+            </div>
+            <!-- 奖励内容 -->
+            <div class="box">
+                <div class="ts" id="ts3500"></div>
+                <div class="zj" id="zj3500"></div>
+                <!-- 播放图标 -->
+                <img src="./images/bf.png" alt="" class="xzIcon">
+            </div>
+            <!-- 获奖人员 -->
+            <div class="priorityWinners"></div>
+            <div class="priorityWinnersBox">
+                <!-- <div>
+                    <img src="" alt="">
+                    <span>名字</span>
+                </div>
+                <div>
+                    <img src="" alt="">
+                    <span>名字</span>
+                </div> -->
+            </div>
+        </div>
+        <div class="contentBox3 level4">
+            <!-- 标题 -->
+            <div class="title">
+                <span><strong class="text14"></strong></span><img src="./images/gold.png" alt="">
+            </div>
+            <!-- 奖励内容 -->
+            <div class="box">
+                <div class="ts" id="ts210"></div>
+                <div class="zj" id="zj210"></div>
+            </div>
+            <!-- 获奖人员 -->
+            <div class="priorityWinners"></div>
+            <div class="priorityWinnersBox">
+            </div>
+        </div>
+    </div>
+    <div class="null"></div>
+    <div class="video">
+        <video id="zjVideo" controls playsinline webkit-playsinline>
+            <source src="./video/zj7.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video2">
+        <video id="zjVideo2" controls playsinline webkit-playsinline>
+            <source src="./video/xz7.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video3">
+        <video id="zjVideo3" controls playsinline webkit-playsinline>
+            <source src="./video/xz3500.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+
+    <!-- 规则 -->
+    <div class="rule">
+        <div class="rule_in">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="title text2">Rules</div>
+            <div class="box"></div>
+        </div>
+    </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?v=1.0"></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="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.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>

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

@@ -0,0 +1,315 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+var page = 0;
+var maxPage = 0;
+var arr = [];
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        getConfig();
+    }, 100)
+})
+// 处理SVGA
+document.addEventListener('DOMContentLoaded', function () {
+    function loadSVGA(containerId, svgaPath) {
+        var container = document.getElementById(containerId);
+        var player = new SVGA.Player(container);
+
+        var parser = new SVGA.Parser();
+        parser.load(svgaPath, function (videoItem) {
+            player.setVideoItem(videoItem);
+            player.startAnimation();
+        });
+    }
+
+    loadSVGA('ts700', './svga/ts700.svga');
+    loadSVGA('ts350', './svga/ts350.svga');
+    loadSVGA('ts70', './svga/ts70.svga');
+    loadSVGA('zj700', './svga/zj350.svga');
+    loadSVGA('zj350', './svga/zj210.svga');
+    loadSVGA('zj70', './svga/zj70.svga');
+
+    loadSVGA('ts7', './svga/ts210.svga');
+    loadSVGA('ts3500', './svga/ts3500.svga');
+    loadSVGA('ts210', './svga/ts7.svga');
+
+
+    loadSVGA('zj3500', './svga/zj3500.svga');
+    loadSVGA('zj210', './svga/zj700.svga');
+});
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.demoModule.text1));
+    $('.text2').text(langReplace(localLang.demoModule.text2));
+    $('.text3').text(langReplace(localLang.demoModule.text3));
+    $('.text4').text(langReplace(localLang.demoModule.text4));
+    $('.text5').text(langReplace(localLang.demoModule.text5));
+    $('.text6').text(langReplace(localLang.demoModule.text6));
+    $('.text7').text(langReplace(localLang.demoModule.text7));
+    $('.text8').text(langReplace(localLang.demoModule.text8));
+    $('.text9').text(langReplace(localLang.demoModule.text9));
+    $('.text10').text(langReplace(localLang.demoModule.text10));
+    $('.text11').text(langReplace(localLang.demoModule.text11));
+    $('.text12').text(langReplace(localLang.demoModule.text12));
+    $('.text13').text(langReplace(localLang.demoModule.text13));
+    $('.text14').text(langReplace(localLang.demoModule.text14));
+    $('.text17').text(langReplace(localLang.demoModule.text17));
+    $('.text18').text(langReplace(localLang.demoModule.text18));
+    $('.text19').text(langReplace(localLang.demoModule.text19));
+    $('.priorityWinners').text(langReplace(localLang.demoModule.priorityWinners));
+    if (browser.ios) {
+        $('.null').text(langReplace(localLang.demoModule.text15));
+    } else {
+
+        $('.null').text(langReplace(localLang.demoModule.text16));
+    }
+}
+console.log(unitProcessingAr(7000000, 1));
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/h5/dayConsume',
+        data: { uid: pubInfo.uid },
+        success(res) {
+            if (res.code === 200) {
+                // 分区规则
+                $('.rule .rule_in .box').html(res.data.partitionId == 2 ? langReplace(localLang.demoModule.arRule) : langReplace(localLang.demoModule.enRule));
+                // 处理是否代理人
+                res.data.rechargeUser ? $('.myBox').hide() : $('.myBox').show();
+                // 处理等级不足不显示榜单
+                res.data.wealth <= 7 ? $('.priorityWinners,.priorityWinnersBox').hide() : $('.priorityWinners,.priorityWinnersBox').show()
+                // 处理倒计时
+                countup(res.data.endTime - res.timestamp);
+                // 处理顶部进度以及个人信息
+                $('.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();
+                    } else {
+                        $(`.content2 .level${res.level} .priorityWinnersBox div`).remove();
+                    }
+                    if (res.userVos.length > 0) {
+                        res.userVos.forEach(val => {
+                            str += `
+                                <div>
+                                    <img src="${val.avatar}" alt="">
+                                    <span>${val.name}</span>
+                                </div>
+                        `
+                        })
+                    } else {
+                        str += `
+                                <div>
+                                    <img src="./images/null.png" alt="">
+                                    <span>${localLang.demoModule.waiting}</span>
+                                </div>
+                        `
+                    }
+                    if ((res.level) <= 3) {
+                        $(`.content1 .level${res.level} .priorityWinnersBox`).append(str);
+                    } else {
+                        $(`.content2 .level${res.level} .priorityWinnersBox`).append(str);
+                    }
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 倒計時
+function countup(leftTime) {
+    clearTimeout(countupTime)
+    //獲取當前時間
+    // var now = nowTime;
+    var d = 0;
+    var h = 0;
+    var m = 0;
+    var s = 0;
+    //定義變數 d,h,m,s保存倒計時的時間
+    var d, h, m, s;
+    //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 
+    if (leftTime > 0) {
+        d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
+        h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
+        m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
+        s = getzf(Math.floor(leftTime / 1000 % 60));
+        //將倒計時賦值到div中
+        $('.header .timeBox .hour b').text(h);
+        $('.header .timeBox .min b').text(m);
+        $('.header .timeBox .sec b').text(s);
+    } else {
+        getConfig();
+    }
+    if (leftTime > 0) {
+        leftTime = leftTime - 1000;
+    }
+    countupTime = setTimeout(function () {
+        countup(leftTime);
+    }, 1000);
+}
+//补0操作  
+function getzf(num) {
+    if (parseInt(num) < 10) {
+        num = '0' + num;
+    }
+    return num;
+}
+// tab切换
+$('.tab div').click(function () {
+    var i = $(this).index() + 1;
+    $('.content1,.content2').hide();
+    $(`.content${i}`).show();
+    $(this).addClass(`${i == 2 ? 'act2' : 'act'}`).siblings().removeClass('act').removeClass('act2')
+})
+// 打开mp4弹窗
+$('.content2 .contentBox1 .box .zjIcon').click(function () {
+    var video = document.getElementById('zjVideo');
+    video.play();
+    bodyScroolFun(true);
+    $('.video').show();
+})
+$('.content2 .contentBox1 .box .xzIcon').click(function () {
+    var video = document.getElementById('zjVideo2');
+    video.play();
+    bodyScroolFun(true);
+    $('.video2').show();
+})
+$('.content2 .contentBox2 .box .xzIcon').click(function () {
+    var video = document.getElementById('zjVideo3');
+    video.play();
+    bodyScroolFun(true);
+    $('.video3').show();
+})
+// 关闭mp4弹窗
+$('.video .close,.video2 .close,.video3 .close').click(function () {
+    var video = document.getElementById('zjVideo');
+    var video2 = document.getElementById('zjVideo2');
+    var video3 = document.getElementById('zjVideo3');
+    video.pause();
+    video2.pause();
+    video3.pause();
+    bodyScroolFun(false);
+    $('.video,.video2,.video3').hide();
+})
+// 监听播放完毕事件
+var video = document.getElementById('zjVideo');
+video.addEventListener('ended', function () {
+    video.pause();
+    bodyScroolFun(false);
+    $('.video').hide();
+});
+// 监听播放完毕事件
+var video2 = document.getElementById('zjVideo2');
+video.addEventListener('ended', function () {
+    video2.pause();
+    bodyScroolFun(false);
+    $('.video2').hide();
+});
+// 监听播放完毕事件
+var video3 = document.getElementById('zjVideo3');
+video.addEventListener('ended', function () {
+    video3.pause();
+    bodyScroolFun(false);
+    $('.video3').hide();
+});
+
+// 打开规则
+$('.header .rule_icon').click(function () {
+    $('.rule').show();
+    bodyScroolFun(true);
+})
+// 关闭规则
+$('.rule .rule_in .close').click(function () {
+    $('.rule').hide();
+    bodyScroolFun(false);
+})

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

@@ -0,0 +1,59 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جاري التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `الاستهلاك اليومي`,
+        text2: `القواعد`,
+        text3: `ساعة`,
+        text4: `دقيقة`,
+        text5: `ثانية`,
+        text6: `استهلاك العملات`,
+        text7: `استهلاك 70K-700K`,
+        text8: `استهلاك 210K-7M`,
+        text9: `استهلاك 700K`,
+        text10: `استهلاك 350K`,
+        text11: `استهلاك 70K`,
+        text12: `استهلاك 7M`,
+        text13: `استهلاك 3500K`,
+        text14: `استهلاك 210K`,
+        text15: `هذا الحدث لا علاقة له بـ Apple`,
+        text16: `هذا الحدث لا علاقة له بـ Google`,
+        priorityWinners: `الفائزون ذوو الأولوية`,
+        enRule: `
+        <p>
+        1. وقت النشاط: يوميًا من 00:00 إلى 23:59 (GMT+3).<br>
+        2. يتم حساب إنفاقك اليومي على المنصة، إرسال 1 هدية بعملة = 1 قيمة العملة؛ 1 هدية الحظ بعملة = 0.05 قيمة العملة.<br>
+        3. عند وصولك إلى المستوى المناسب، ستحصل على مكافأة المستوى المناسب.<br>
+        </p>
+        <p>
+            القيود:<br>
+            1. وكلاء الشحن لا يشاركون في هذا النشاط.<br>
+            2. لا يتم احتساب مدخلات اللعبة كاستهلاك للعملات المعدنية.<br>
+        </p>
+        <p>
+            ملاحظة:<br>
+            1. هذا النشاط ليس له علاقة بـ Google و Apple.
+        </p>
+        `,
+        arRule: `
+        <p>
+        1. وقت النشاط: يوميًا من 00:00 إلى 23:59 (GMT+3).<br>
+        2. يتم حساب إنفاقك اليومي على المنصة، إرسال 1 هدية بعملة = 1 قيمة العملة؛ 1 هدية الحظ بعملة = 0.05 قيمة العملة.<br>
+        3. عند وصولك إلى المستوى المناسب، ستحصل على مكافأة المستوى المناسب.<br>
+    </p>
+    <p>
+        القيود:<br>
+        1. وكلاء الشحن لا يشاركون في هذا النشاط.<br>
+        2. لا يتم احتساب مدخلات اللعبة كاستهلاك للعملات المعدنية.<br>
+    </p>
+    <p>
+        ملاحظة:<br>
+        1. هذا النشاط ليس له علاقة بـ Google و Apple.
+    </p>
+        `,
+        waiting: `ي انتظار`,
+    }
+}

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

@@ -0,0 +1,58 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Daily Consumption`,
+        text2: `Rules`,
+        text3: `Hour`,
+        text4: `Min`,
+        text5: `Sec`,
+        text6: `Consume coins`,
+        text7: `Consume 70K-700K`,
+        text8: `Consume 210K-7M`,
+        text9: `Consume 700K`,
+        text10: `Consume 350K`,
+        text11: `Consume 70K`,
+        text12: `Consume 7M`,
+        text13: `Consume 3500K`,
+        text14: `Consume 210K`,
+        text15: `This event has nothing to do with Apple`,
+        text16: `This event has nothing to do with Google`,
+        priorityWinners: `Priority Winners`,
+        enRule: `
+            <p>
+                1. Activity time: daily 0:00-23:59 (GMT+8).<br>
+                2. Daily calculation of your spending in the platform, send 1 coin gift = 1 coin value; 1 coin lucky
+                gift = 0.02 coin value.<br>
+                3. When you reach the corresponding level, you will get the corresponding level reward.<br>
+                </p>
+                <p>
+                    Restrictions:<br>
+                    1. Recharge agent do not participate in this activity.<br>
+                    2. The input of game is not counted as consumption of coins.<br>
+                </p>
+                <p>
+                    Attention:<br>
+                    1. This activity has nothing to do with Google and Apple.
+                </p>
+        `,
+        arRule: `
+        <p>
+            1. Activity time: daily 0:00-23:59 (GMT+3).<br>
+            2. Daily calculation of your spending on the platform, send 1 coin gift = 1 coin value; 1 coin lucky gift = 0.05 coin value.<br>
+            3. When you reach the corresponding level, you will get the corresponding level reward.<br>
+        </p>
+        <p>
+            Restrictions:<br>
+            1. Recharge agents do not participate in this activity.<br>
+            2. Game input is not counted as coin consumption.<br>
+        </p>
+        <p>
+            Attention:<br>
+            1. This activity has nothing to do with Google and Apple.
+        </p>
+        `,
+        waiting: `Waiting`,
+    }
+}

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

@@ -0,0 +1,59 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加载中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `网络错误`,
+        text1: `每日消費`,
+        text2: `規則`,
+        text3: `小時`,
+        text4: `分`,
+        text5: `秒`,
+        text6: `消耗金幣`,
+        text7: `消耗 70K-700K`,
+        text8: `消耗 210K-700萬`,
+        text9: `消耗 700K`,
+        text10: `消耗 350K`,
+        text11: `消耗 70K`,
+        text12: `消耗 700萬`,
+        text13: `消耗 3500K`,
+        text14: `消耗 210K`,
+        text15: `此活動與 Apple 無關`,
+        text16: `此活動與 Google 無關`,
+        priorityWinners: `優先獲勝者`,
+        enRule: `
+        <p>
+        1. 活動時間：每日 0:00-23:59（GMT+8）。<br>
+        2. 每日計算您在平台上的消費，送 1 枚金幣禮物 = 1 枚金幣價值；1 枚金幣幸運禮物 = 0.02 枚金幣價值。<br>
+        3. 當您達到相應級別時，您將獲得相應級別的獎勵。<br>
+        </p>
+        <p>
+            限制：<br>
+            1. 充值代理不參加此活動。<br>
+            2. 遊戲的投入不計為金幣消費。<br>
+        </p>
+        <p>
+            注意：<br>
+            1. 此活動與 Google 和 Apple 無關。
+        </p>
+        `,
+        arRule: `
+        <p>
+        1. 活動時間：每日 0:00-23:59（GMT+3）。<br>
+        2. 每日計算您在平台上的消費，送 1 枚金幣禮物 = 1 枚金幣價值；1 枚金幣幸運禮物 = 0.05 枚金幣價值。<br>
+        3. 當您達到相應級別時，您將獲得相應級別的獎勵。<br>
+    </p>
+    <p>
+        限制：<br>
+        1. 充值代理不參加此活動。<br>
+        2. 遊戲的投入不計為金幣消費。<br>
+    </p>
+    <p>
+        注意：<br>
+        1. 此活動與 Google 和 Apple 無關。
+    </p>
+        `,
+        waiting: `等待中`,
+    }
+}

view/molistar/modules/rank/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.f93eab06805cd0eec251914bdfcfb4d4.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.7ef0f6b11dd8f8fd1487.js></script><script type=text/javascript src=./static/js/vendor.15ea60415f84b9c5a7e3.js></script><script type=text/javascript src=./static/js/app.6073143aaecac844f980.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.14202d105e213e5ea05236f39eb6fc08.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.69aa1ad4dea0359b45a4.js></script><script type=text/javascript src=./static/js/vendor.15ea60415f84b9c5a7e3.js></script><script type=text/javascript src=./static/js/app.6073143aaecac844f980.js></script></body></html>

view/molistar/modules/rank/static/js/5.36de0cf38e7936e529ee.js

@@ -1,2 +0,0 @@
-webpackJsonp([5],{GMXM:function(t,e,a){"use strict";a.d(e,"a",function(){return n});var n=function(t){var e=new Date(t),a=(e.getFullYear(),e.getMonth()+1);a=a<10?"0"+a:a;var n=e.getDate();n=n<10?"0"+n:n;var i=e.getHours();i=i<10?"0"+i:i;var s=e.getMinutes();s=s<10?"0"+s:s;var r=e.getSeconds();return r=r<10?"0"+r:r,a+"-"+n+" "+i+":"+s}},L8Ig:function(t,e){},ht4E:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("BRgg"),i=a("GMXM"),s={data:function(){return{dataList:[],loading:!1,finished:!1,page:0}},created:function(){document.title=this.$route.meta.title},methods:{onLoad:function(){var t=this;this.page++,Object(n.e)({pageSize:20,page:this.page,uid:window.sessionStorage.getItem("uid")||"935026",sortType:"time"}).then(function(e){t.dataList=t.dataList.concat(e.data.data),t.loading=!1,console.log(e.data.data),e.data.data.length<20&&(t.finished=!0)})},createTime:function(t){return Object(i.a)(t)}}},r={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"max"},[a("div",{staticClass:"list"},[a("van-list",{attrs:{finished:t.finished,"finished-text":"沒有更多獲獎記錄了",offset:300},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.dataList,function(e,n){return a("div",{key:n,staticClass:"user"},[a("img",{attrs:{src:e.prizeImgUrl,alt:""}}),t._v(" "),a("p",{staticClass:"user-nick"},[t._v("\n          "+t._s(e.prizeName)+"\n          "),a("span",[t._v(" X "+t._s(e.prizeNum))])]),t._v(" "),a("p",{staticClass:"user-diamond"},[a("span",{staticClass:"diamond-num"},[t._v(t._s(t.createTime(e.createTime)))])])])}),0)],1)])},staticRenderFns:[]};var o=a("VU/8")(s,r,!1,function(t){a("L8Ig")},"data-v-12122600",null);e.default=o.exports}});
-//# sourceMappingURL=5.36de0cf38e7936e529ee.js.map

view/molistar/modules/rank/static/js/5.946613b23d8c5d98c013.js

@@ -0,0 +1,2 @@
+webpackJsonp([5],{GMXM:function(t,e,a){"use strict";a.d(e,"a",function(){return n});var n=function(t){var e=new Date(t),a=(e.getFullYear(),e.getMonth()+1);a=a<10?"0"+a:a;var n=e.getDate();n=n<10?"0"+n:n;var i=e.getHours();i=i<10?"0"+i:i;var s=e.getMinutes();s=s<10?"0"+s:s;var r=e.getSeconds();return r=r<10?"0"+r:r,a+"-"+n+" "+i+":"+s}},ht4E:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("BRgg"),i=a("GMXM"),s={data:function(){return{dataList:[],loading:!1,finished:!1,page:0}},created:function(){document.title=this.$route.meta.title},methods:{onLoad:function(){var t=this;this.loading=!1,this.page++,Object(n.e)({pageSize:20,page:this.page,uid:window.sessionStorage.getItem("uid")||"935026",sortType:"time"}).then(function(e){t.dataList=t.dataList.concat(e.data.data),t.loading=!1,console.log(e.data.data),e.data.data.length<20&&(t.finished=!0)})},createTime:function(t){return Object(i.a)(t)}}},r={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"max"},[a("div",{staticClass:"list"},[a("van-list",{attrs:{finished:t.finished,"finished-text":"",offset:300},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.dataList,function(e,n){return a("div",{key:n,staticClass:"user"},[a("img",{attrs:{src:e.prizeImgUrl,alt:""}}),t._v(" "),a("p",{staticClass:"user-nick"},[t._v("\n          "+t._s(e.prizeName)+"\n          "),a("span",[t._v(" X "+t._s(e.prizeNum))])]),t._v(" "),a("p",{staticClass:"user-diamond"},[a("span",{staticClass:"diamond-num"},[t._v(t._s(t.createTime(e.createTime)))])])])}),0)],1)])},staticRenderFns:[]};var o=a("VU/8")(s,r,!1,function(t){a("yQ9+")},"data-v-494df2e8",null);e.default=o.exports},"yQ9+":function(t,e){}});
+//# sourceMappingURL=5.946613b23d8c5d98c013.js.map

view/molistar/modules/rank/static/js/manifest.69aa1ad4dea0359b45a4.js

@@ -1,2 +1,2 @@
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,s=0,d=[];s<r.length;s++)u=r[s],t[u]&&d.push(t[u][0]),t[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(r,c,a);d.length;)d.shift()();if(a)for(s=0;s<a.length;s++)f=o(o.s=a[s]);return f};var r={},t={9:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"8df79ff5365eaaec9298",1:"2660322e6ec3ab36d36b",2:"c400ed84fcfb7544002c",3:"7a4dfeb0d7ea325598f5",4:"74c8770604d782011a1a",5:"36de0cf38e7936e529ee",6:"92d7991962d3719f0ac8"}[e]+".js";var i=setTimeout(u,12e4);function u(){a.onerror=a.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=u,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,d=0,s=[];d<r.length;d++)u=r[d],t[u]&&s.push(t[u][0]),t[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)f=o(o.s=a[d]);return f};var r={},t={9:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"8df79ff5365eaaec9298",1:"2660322e6ec3ab36d36b",2:"c400ed84fcfb7544002c",3:"7a4dfeb0d7ea325598f5",4:"74c8770604d782011a1a",5:"946613b23d8c5d98c013",6:"92d7991962d3719f0ac8"}[e]+".js";var i=setTimeout(u,12e4);function u(){a.onerror=a.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=u,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.7ef0f6b11dd8f8fd1487.js.map
+//# sourceMappingURL=manifest.69aa1ad4dea0359b45a4.js.map

view/molistar/modules/rule/boom.html

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1">活动规则</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <style>
+        body {
+            width: 10rem;
+            height: 17.78667rem;
+            background: #1C094E;
+            box-sizing: border-box;
+            padding: 0.26667rem 0.42667rem 1.09333rem;
+            margin: 0 auto;
+        }
+
+        h2 {
+            width: 100%;
+            color: #fff;
+            font-size: 0.37333rem;
+            font-weight: 500;
+            line-height: 0.53333rem;
+        }
+
+        h3 {
+            width: 100%;
+            color: #fff;
+            font-size: 0.34667rem;
+            font-weight: 400;
+            margin-bottom: 0.18667rem;
+            line-height: 0.53333rem;
+        }
+
+        img {
+            display: block;
+            width: 9.14667rem;
+            margin-bottom: 0.18667rem;
+            margin-top: 0.18667rem;
+        }
+
+        .img1 {
+            height: 4.26667rem;
+        }
+
+        .img2 {
+            height: 5.44rem;
+        }
+
+        .img3 {
+            height: 3.46667rem;
+        }
+
+        .img9,
+        .img10,
+        .img11,
+        .img12 {
+            margin-top: 0.18667rem;
+        }
+
+        .imgBox {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 0.18667rem;
+            margin-top: 0.18667rem;
+        }
+
+        .imgBox img {
+            width: 4.48rem;
+        }
+
+        .null {
+            height: 1.09333rem;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="box">
+    </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="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="../../common/local/langHandler.js"></script>
+<script>
+    var langReplace;
+    var localLang;
+    // 初始化函數
+    $(function () {
+        getInfoFromClient();
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        setTimeout(function () {
+            fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+            langReplace = window.lang.replace;
+            localLang = window.lang;
+            translateFun();
+        }, 100)
+    })
+    function translateFun() {
+        var langReplace = window.lang.replace;
+        var localLang = window.lang;
+        $('.text1').text(langReplace(localLang.boom.text1));
+        getQueryString().partitionId == 2 ? $('.box').html(langReplace(localLang.boom.text2)) : $('.box').html(langReplace(localLang.boom.text3));
+
+    }
+</script>

view/molistar/modules/rule/js/newWishingWellRule.js

@@ -3,7 +3,9 @@ getInfoFromClient()
 
 // 封装layer消息提醒框
 let layerIndex
-const showLoading = (content = '加載中...') => {
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.newWishingWellRule.layerIndex1)) => {
     layer.open({
         type: 2,
         shadeClose: false,
@@ -16,7 +18,7 @@ const showLoading = (content = '加載中...') => {
 const hideLoading = (index) => {
     layer.close(index)
 }
-const toastMsg = (content = '操作完成', time = 2) => {
+const toastMsg = (content = langReplace(localLang.newWishingWellRule.layerIndex2), time = 2) => {
     layer.open({
         content,
         time,
@@ -24,6 +26,41 @@ const toastMsg = (content = '操作完成', time = 2) => {
     })
 }
 
+
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(() => {
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        getData()
+    }, 100)
+    let currentIndex = 0
+    $('.tab').on('click', 'div', function () {
+        let index = $(this).index()
+        if (index === currentIndex) return;
+        $(this).addClass('active').siblings('div').removeClass('active')
+        if (index) {
+            getData(7)
+        } else {
+            getData(2)
+        }
+        currentIndex = index
+    })
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.newWishingWellRule.text1));
+    $('.text2').text(langReplace(localLang.newWishingWellRule.text2));
+    $('.text3').text(langReplace(localLang.newWishingWellRule.text3));
+    $('.text4').text(langReplace(localLang.newWishingWellRule.text4));
+    $('.text5').text(langReplace(localLang.newWishingWellRule.text5));
+    $('.text6').text(langReplace(localLang.newWishingWellRule.text6));
+}
+
 let wishingWellList = []
 const getData = (boxType = 2) => {
     showLoading()
@@ -33,18 +70,18 @@ const getData = (boxType = 2) => {
         data: {
             boxType
         },
-        success(res){
+        success(res) {
             hideLoading(layerIndex)
-            if(res.code === 200){
+            if (res.code === 200) {
                 wishingWellList = res.data
                 renderList()
-            }else{
+            } else {
                 toastMsg(res.message)
             }
         },
-        error(){
+        error() {
             hideLoading(layerIndex)
-            toastMsg('網絡錯誤')
+            toastMsg(langReplace(localLang.newWishingWellRule.layerIndex3))
         }
     })
 }
@@ -64,22 +101,4 @@ const renderList = () => {
         `
         $('ul').html(str)
     })
-}
+}
-
-$(function () {
-    setTimeout(() => {
-        getData()
-    }, 50)
-    let currentIndex = 0
-    $('.tab').on('click', 'div', function(){
-        let index = $(this).index()
-        if(index === currentIndex) return;
-        $(this).addClass('active').siblings('div').removeClass('active')
-        if(index){
-            getData(7)
-        }else{
-            getData(2)
-        }
-        currentIndex = index
-    })
-})

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

@@ -2299,4 +2299,37 @@ langAr = {
         إذا لم ترسل هدايا CP لمدة 60 يومًا متتالية: في الساعة 0:00 من اليوم الحادي والستين، ستنخفض حميمية CP بمقدار 500000، ثم ستنخفض بمقدار 500000 في الساعة 0:00 كل يوم. إذا انخفضت قيمة CP إلى النطاق المقابل للمستوى، سيتم تخفيض مستوى CP.
         إذا كانت قيمة المستوى 0، سيتم فك ارتباط CP بعد التخفيض. بمجرد أن تستأنف إرسال هدايا CP، سيتوقف خصم الحميمية.`
     },
+    // ===============================================Boom======================================
+    boom: {
+        text1: `قواعد النشاط`,
+        text2: `
+                <h3>1. يتم زيادة قيمة الـ BOOM في الغرفة من خلال إرسال الهدايا. 1 هدية عادية = 1 قيمة BOOM؛ 20 هدية حظ = 1 قيمة BOOM.</h3>
+                <h3>2. عندما تصل قيمة الـ BOOM إلى 100%، سيتم تفعيل الجائزة الكبرى BOOM ويمكن للمستخدمين في الغرفة الحصول على مكافآت.</h3>
+                <h3>3. المستخدم الذي يساهم بترتيب التبرعات ويقوم بتفعيل الـ BOOM سيحصل على الجائزة الكبرى لهذا المستوى، وسيحصل المستخدمون الآخرون في الغرفة على جوائز عشوائية.</h3>
+                <h3>4. في كل مرة يتم فيها تفعيل الـ BOOM، يكون لدى مالك الغرفة فرصة للحصول على مكافأة بالعملات الذهبية.</h3>
+                <h3>5. كلما زاد مستوى الـ BOOM، زادت المكافآت التي تحصل عليها.</h3>
+                <h3>6. يتم تحديث قيمة الـ BOOM يوميًا في الساعة 00:00 (GMT+3).</h3>
+                <h3>7. يحتفظ هذا النظام بحق التفسير النهائي لهذا النشاط.</h3>
+                `,
+        text3: `
+                <h3>1. يتم زيادة قيمة الـ BOOM في الغرفة من خلال إرسال الهدايا. 1 هدية عادية = 1 قيمة BOOM؛ 50 هدية حظ = 2 قيمة BOOM.</h3>
+                <h3>2. عندما تصل قيمة الـ BOOM إلى 100%، سيتم تفعيل الجائزة الكبرى BOOM ويمكن للمستخدمين في الغرفة الحصول على مكافآت.</h3>
+                <h3>3. المستخدم الذي يساهم بترتيب التبرعات ويقوم بتفعيل الـ BOOM سيحصل على الجائزة الكبرى لهذا المستوى، وسيحصل المستخدمون الآخرون في الغرفة على جوائز عشوائية.</h3>
+                <h3>4. في كل مرة يتم فيها تفعيل الـ BOOM، يكون لدى مالك الغرفة فرصة للحصول على مكافأة بالعملات الذهبية.</h3>
+                <h3>5. كلما زاد مستوى الـ BOOM، زادت المكافآت التي تحصل عليها.</h3>
+                <h3>6. يتم تحديث قيمة الـ BOOM يوميًا في الساعة 00:00 (GMT+3).</h3>
+                <h3>7. يحتفظ هذا النظام بحق التفسير النهائي لهذا النشاط.</h3>
+                    `
+    },
+    newWishingWellRule: {
+        layerIndex1: `جارٍ التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `قواعد اللعبة`,
+        text2: `الهدايا التي يتم الحصول عليها من تحطيم البيض السعيد توضع في حقيبة الهدايا، يمكنك عرضها بفتح لوحة الهدايا؛`,
+        text3: `تضمن الحصول على هدية في كل مرة في تحطيم البيض السعيد.`,
+        text4: `هذا الحدث ومكافآته غير مرتبطين بشركة Google/Apple.`,
+        text5: `تحطيم البيض السعيد`,
+        text6: `بئر الأمنيات الخيالي (مفتوح لفترة محدودة)`,
+    }
 }

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

@@ -2308,4 +2308,37 @@ langEn = {
         If the level value is 0, the CP will be unbound after downgrading. Once you resume sending CP gift, the
         deduction of intimacy will stop.`,
     },
+    // ===============================================Boom======================================
+    boom: {
+        text1: `Event Rules`,
+        text2: `
+        <h3>1. Increase the BOOM value in the room by sending gifts. 1 coin regular gift = 1 BOOM value; 20 coin lucky gift = 1 BOOM value.</h3>
+        <h3>2. When the BOOM value reaches 100%, the super jackpot BOOM will be triggered, and users in the room can win rewards.</h3>
+        <h3>3. The user who contributes the most and triggers the BOOM will receive the super prize for that level, and other users in the room will randomly receive prizes.</h3>
+        <h3>4. Each time the BOOM is triggered, the room owner has a chance to receive a coin reward.</h3>
+        <h3>5. The higher the BOOM level, the richer the rewards.</h3>
+        <h3>6. BOOM value is reset daily at 00:00 (GMT+3).</h3>
+        <h3>7. The platform reserves the final right of interpretation for this event.</h3>
+        `,
+        text3: `
+        <h3>1. Increase the BOOM value in the room by sending gifts. 1 coin regular gift = 1 BOOM value; 50 coin lucky gift = 2 BOOM value.</h3>
+        <h3>2. When the BOOM value reaches 100%, the super jackpot BOOM will be triggered, and users in the room can win rewards.</h3>
+        <h3>3. The user who contributes the most and triggers the BOOM will receive the super prize for that level, and other users in the room will randomly receive prizes.</h3>
+        <h3>4. Each time the BOOM is triggered, the room owner has a chance to receive a coin reward.</h3>
+        <h3>5. The higher the BOOM level, the richer the rewards.</h3>
+        <h3>6. BOOM value is reset daily at 00:00 (GMT+3).</h3>
+        <h3>7. The platform reserves the final right of interpretation for this event.</h3>
+        `
+    },
+    newWishingWellRule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network Error`,
+        text1: `Game Rules`,
+        text2: `Gifts obtained from Happy Egg Smash are placed in the gift bag, you can view them by opening the gift panel;`,
+        text3: `You are guaranteed to receive a gift every time in Happy Egg Smash.`,
+        text4: `This event and its rewards are not associated with Google/Apple Inc.`,
+        text5: `Happy Egg Smash`,
+        text6: `Fantasy Wishing Well (Limited Time Open)`,
+    }
 }

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

@@ -737,7 +737,7 @@ langZh = {
 
         // ==========================================隐私政策==================================
         privacyPolicy_title: `Privacy Policy`,
-        privacyPolicy_body:  `<!-- wp:paragraph -->
+        privacyPolicy_body: `<!-- wp:paragraph -->
         <p><em>Last updated: September 24, 202</em>4</p>
         <!-- /wp:paragraph -->
         
@@ -2299,4 +2299,37 @@ langZh = {
         如果您在 60 天內未發送 CP 禮物：在第 61 天的 0:00，CP 親密度將降低 500000，然後每天的 0:00 再降低 500000。如果 CP 值降到對應的等級範圍，CP 等級將會降級。
         如果等級值為 0，CP 將在降級後解除綁定。一旦您恢復發送 CP 禮物，親密度的扣除將停止。`
     },
+    // ===============================================Boom======================================
+    boom: {
+        text1: `活動規則`,
+        text2: `
+        <h3>1. 透過贈送禮物來增加房間的BOOM值。1金幣普通禮物=1 BOOM值；20金幣幸運禮物=1BOOM價值。</h3>
+        <h3>2. 當BOOM值達到100%時，將觸發超級大獎BOOM，房間內的使用者可以獲得獎勵。</h3>
+        <h3>3. 貢獻排名並觸發BOOM的用戶將獲得該級別的超級獎品，房間內的其他用戶將隨機獲得獎品。</h3>
+        <h3>4. 每次觸發BOOM，房主都有機會獲得金幣獎勵。</h3>
+        <h3>5. BOOM等級越高，獲得的獎勵越豐富。</h3>
+        <h3>6. BOOM值每天0:00（GMT+3）更新。</h3>
+        <h3>7. 本平台擁有本活動最終解釋權。</h3>
+        `,//阿拉伯
+        text3: `
+        <h3>1. 透過贈送禮物來增加房間的BOOM值。1金幣普通禮物=1 BOOM值；50金幣幸運禮物=2BOOM價值。</h3>
+        <h3>2. 當BOOM值達到100%時，將觸發超級大獎BOOM，房間內的使用者可以獲得獎勵。</h3>
+        <h3>3. 貢獻排名並觸發BOOM的用戶將獲得該級別的超級獎品，房間內的其他用戶將隨機獲得獎品。</h3>
+        <h3>4. 每次觸發BOOM，房主都有機會獲得金幣獎勵。</h3>
+        <h3>5. BOOM等級越高，獲得的獎勵越豐富。</h3>
+        <h3>6. BOOM值每天0:00（GMT+3）更新。</h3>
+        <h3>7. 本平台擁有本活動最終解釋權。</h3>
+        `//英语区
+    },
+    newWishingWellRule: {
+        layerIndex1: `加载中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `网络错误`,
+        text1: `玩法规则`,
+        text2: `從歡樂砸蛋處獲得的禮物放到禮物包裹，點開禮物面板即可查看；`,
+        text3: `每次在歡樂砸蛋100%獲得禮物。`,
+        text4: `本活動以及活動獎勵與Google/蘋果公司無關。`,
+        text5: `歡樂砸蛋`,
+        text6: `梦幻许愿池（限时开放）`,
+    }
 }

view/molistar/modules/rule/newWishingWellRule.html

@@ -7,9 +7,9 @@
   <meta name="viewport"
     content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-  <link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+  <link rel="stylesheet" type="text/css" href="../../common/css/reset.css" />
   <link rel="stylesheet" href="./style/wishingWellRule.css">
-  <title>玩法规则</title>
+  <title class="text1"></title>
 
 </head>
 
@@ -17,25 +17,25 @@
   <div class="max">
     <p class="rule">
       <span class="icon">1</span>
-      <span>從歡樂砸蛋處獲得的禮物放到禮物包裹，點開禮物面板即可查看；</span>
+      <span class="text2">  </span>
     </p>
     <p class="rule">
       <span class="icon">2</span>
-      <span>每次在歡樂砸蛋100%獲得禮物。</span>
+      <span class="text3"></span>
     </p>
     <p class="rule">
       <span class="icon">3</span>
-      <span>本活動以及活動獎勵與Google/蘋果公司無關。</span>
+      <span class="text4"></span>
     </p>
   </div>
 
   <div class="tab">
     <div class="active">
-      <span class="tab-name">歡樂砸蛋</span>
+      <span class="tab-name text5"></span>
       <span class="line"></span>
     </div>
     <div style="display: none;">
-      <span class="tab-name">梦幻许愿池（限时开放）</span>
+      <span class="tab-name text6"></span>
       <span class="line"></span>
     </div>
   </div>
@@ -48,5 +48,10 @@
 <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="./js/newWishingWellRule.js?v=1.0"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./js/newWishingWellRule.js"></script>
+<script src="../../common/local/langHandler.js"></script>
+
 </html>

view/molistar/modules/rule/style/wishingWellRule.css

@@ -91,8 +91,8 @@ ul li div .gift-prize {
 }
 
 ul li div .gift-prize img {
-  width: 0.34667rem;
+  width: 0.45333rem;
-  height: 0.26667rem;
+  height: 0.45333rem;
 }
 
 ul li .gift-rate {

view/molistar/modules/rule/style/wishingWellRule.scss

@@ -81,8 +81,8 @@ ul{
                 align-items: center;
                 margin: 0;
                 img{
-                    width: px2rem(26);
+                    width: px2rem(34);
-                    height: px2rem(20);
+                    height: px2rem(34);
                 }
             }
         }

view/molistar/modules/smashEggs/css/index.css

@@ -42,7 +42,7 @@ body {
 .box .a {
   position: absolute;
   background: rgba(255, 255, 255, 0.6);
-  width: 1.5rem;
+  min-width: 1.5rem;
   text-align: center;
   color: #4F00B0;
   height: 0.53333rem;
@@ -52,6 +52,7 @@ body {
   text-indent: 0.15rem;
   font-size: 0.30667rem;
   font-weight: 500;
+  padding: 0 0.13333rem;
 }
 
 .box .rank {
@@ -255,3 +256,8 @@ body {
   transform: translate(-50%, -50%);
   font-size: 0.34667rem;
 }
+
+.english .box {
+  background: url(../images/box-en.png) no-repeat;
+  background-size: 100% 100%;
+}

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

@@ -46,7 +46,7 @@ body {
     .a {
         position: absolute;
         background: rgba(255, 255, 255, 0.6);
-        width: 1.5rem;
+        min-width: 1.5rem;
         text-align: center;
         color: #4F00B0;
         height: px2rem(40);
@@ -56,6 +56,7 @@ body {
         text-indent: 0.15rem;
         font-size: px2rem(23);
         font-weight: 500;
+        padding: 0 px2rem(10);
     }
 
     .rank {
@@ -261,4 +262,11 @@ body {
         transform: translate(-50%, -50%);
         font-size: px2rem(26);
     }
+}
+
+.english {
+    .box {
+        background: url(../images/box-en.png) no-repeat;
+        background-size: 100% 100%;
+    }
 }

view/molistar/modules/smashEggs/css/rank.css

@@ -131,3 +131,7 @@ body {
   width: 0.4rem;
   height: 0.4rem;
 }
+
+.arabic .box .tab {
+  direction: ltr;
+}

view/molistar/modules/smashEggs/css/rank.scss

@@ -136,4 +136,9 @@ body {
             }
         }
     }
+}
+.arabic{
+    .box .tab{
+        direction: ltr;
+    }
 }

view/molistar/modules/smashEggs/index.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>歡樂砸蛋</title>
+    <title class="text1"></title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css">
 </head>
@@ -17,12 +17,14 @@
     <!-- 容器 -->
     <div class="box">
         <!-- 排行榜 -->
-        <div href="" class="a rank">排行榜</div>
+        <div href="" class="a rank text2"></div>
         <!-- 遊戲規則 -->
-        <div href="https://api.molistar.xyz/molistar/modules/rule/newWishingWellRule.html" class="a rule">遊戲規則</div>
+        <div href="https://api.molistar.xyz/molistar/modules/rule/newWishingWellRule.html" class="a rule text3">
+        </div>
         <!-- 獲獎記錄 -->
-        <div href="https://api.molistar.xyz/molistar/modules/rank/index.html#/newWishingWellRecord" class="a record">
+        <div href="https://api.molistar.xyz/molistar/modules/rank/index.html#/newWishingWellRecord"
-            獲獎記錄
+            class="a record text4">
+            
         </div>
         <!-- 蛋 -->
         <img src="./images/egg.png" alt="" class="egg">
@@ -36,15 +38,15 @@
         <!-- 購買 -->
         <div class="buyBox">
             <div class="prop">
-                <span>我的道具: <b>0</b></span>
+                <span><strong class="text5">    </strong> <b>0</b></span>
             </div>
             <div class="tab">
                 <span class="act">1</span>
                 <span>10</span>
                 <span>100</span>
             </div>
-            <input type="number" placeholder="自定義購買">
+            <input type="number" class="text6" placeholder="">
-            <div class="buy">購買</div>
+            <div class="buy text7"></div>
         </div>
         <!-- 獲獎提示 -->
         <ul>
@@ -71,4 +73,8 @@
 <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="./js/index.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>

view/molistar/modules/smashEggs/js/index.js

@@ -6,7 +6,9 @@ if (env == 'test') {
 }
 // 封裝layer消息提醒框
 let layerIndex
-const showLoading = (content = "加載中...") => {
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
     layer.open({
         type: 2,
         shadeClose: false,
@@ -19,7 +21,7 @@ const showLoading = (content = "加載中...") => {
 const hideLoading = (index) => {
     layer.close(index)
 }
-const toastMsg = (content = "操作完成", time = 2) => {
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
     layer.open({
         content,
         time,
@@ -31,6 +33,7 @@ var ticketNum = 0;//道具數量
 // 初始化函數
 $(function () {
     getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
     setTimeout(function () {
         // 頁面全屏
         if (browser.app) {
@@ -48,32 +51,26 @@ $(function () {
                 window.webkit.messageHandlers.closeWebView.postMessage(null)
             }
         })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
         showLoading()
         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();
+function translateFun() {
-    //     parser.load(svgaPath, function (videoItem) {
+    var langReplace = window.lang.replace;
-    //         player.setVideoItem(videoItem);
+    var localLang = window.lang;
-    //         player.startAnimation();
+    $('.text1').text(langReplace(localLang.demoModule.text1));
-    //     });
+    $('.text2').text(langReplace(localLang.demoModule.text2));
-    // }
+    $('.text3').text(langReplace(localLang.demoModule.text3));
-
+    $('.text4').text(langReplace(localLang.demoModule.text4));
-    // loadSVGA('xz1', './svga/xz1.svga');
+    $('.text5').text(langReplace(localLang.demoModule.text5));
-    // loadSVGA('xz2', './svga/xz2.svga');
+    $('.text6').attr('placeholder', langReplace(localLang.demoModule.text6));
-    // loadSVGA('ts1', './svga/1.svga');
+    $('.text7').text(langReplace(localLang.demoModule.text7));
-    // loadSVGA('ts2', './svga/23.svga');
+}
-    // loadSVGA('ts3', './svga/23.svga');
-    // loadSVGA('lsls', './svga/lsls.svga');
-    // loadSVGA('kt', './svga/kt.svga');
-    // loadSVGA('kt2', './svga/kt.svga');
-});
 // 配置接口
 function getConfig() {
     networkRequest({
@@ -90,7 +87,7 @@ function getConfig() {
         },
         error(err) {
             hideLoading(layerIndex)
-            toastMsg("網路錯誤")
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
         }
     })
 }
@@ -112,7 +109,7 @@ function buyTicket(num) {
         },
         success(res) {
             if (res.code === 200) {
-                toastMsg('購買成功~');
+                toastMsg(langReplace(localLang.demoModule.text8));
                 getConfig();
             } else {
                 toastMsg(res.message)
@@ -121,7 +118,7 @@ function buyTicket(num) {
         },
         error(err) {
             hideLoading(layerIndex)
-            toastMsg("網路錯誤")
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
         }
     })
 }
@@ -172,7 +169,7 @@ function draw(num) {
         },
         error(err) {
             hideLoading(layerIndex)
-            toastMsg("網路錯誤")
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
         }
     })
 }
@@ -184,7 +181,7 @@ $('.box .but img').click(function () {
     if (ticketNum >= num) {
         draw(num);
     } else {
-        toastMsg('道具不足~');
+        toastMsg(langReplace(localLang.demoModule.text9));
     }
 })
 $('.rank').click(function () {

view/molistar/modules/smashEggs/js/rank.js

@@ -6,7 +6,9 @@ if (env == 'test') {
 }
 // 封裝layer消息提醒框
 let layerIndex
-const showLoading = (content = "加載中...") => {
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
     layer.open({
         type: 2,
         shadeClose: false,
@@ -19,7 +21,7 @@ const showLoading = (content = "加載中...") => {
 const hideLoading = (index) => {
     layer.close(index)
 }
-const toastMsg = (content = "操作完成", time = 2) => {
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
     layer.open({
         content,
         time,
@@ -32,6 +34,7 @@ var lock = true;
 // 初始化函數
 $(function () {
     getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言  
     setTimeout(function () {
         // 頁面全屏
         if (browser.app) {
@@ -45,9 +48,19 @@ $(function () {
         $('.back img').click(() => {
             history.back();
         })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
         rank(type, page);
     }, 100)
 })
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text10').text(langReplace(localLang.demoModule.text10));
+    $('.text11').text(langReplace(localLang.demoModule.text11));
+}
 // 配置接口
 function rank(type, page) {
     showLoading()
@@ -86,7 +99,7 @@ function rank(type, page) {
         error(err) {
             lock = true;
             hideLoading(layerIndex)
-            toastMsg("網路錯誤")
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
         }
     })
 }

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

@@ -0,0 +1,20 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جاري التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `تحطيم البيض السعيد`,
+        text2: `التصنيف`,
+        text3: `قواعد اللعبة`,
+        text4: `سجلات الفوز`,
+        text5: `عناصري:`,
+        text6: `شراء مخصص`,
+        text7: `شراء`,
+        text8: `تم الشراء بنجاح~`,
+        text9: `العناصر غير كافية~`,
+        text10: `ترتيب اليوم`,
+        text11: `ترتيب الأمس`,
+    }
+}

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

@@ -0,0 +1,18 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Happy Egg Smash`,
+        text2: `Ranking`,
+        text3: `Game Rules`,
+        text4: `Winning Records`,
+        text5: `My Items:`,
+        text6: `Custom Purchase`,
+        text7: `Purchase`,
+        text8: `Purchase Successful~`,
+        text9: `Insufficient Items~`,
+        text10: `Today`,
+        text11: `Yesterday`,
+    }
+}

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

@@ -0,0 +1,20 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加载中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `网络错误`,
+        text1: `歡樂砸蛋`,
+        text2: `排行榜`,
+        text3: `遊戲規則`,
+        text4: `獲獎記錄`,
+        text5: `我的道具:`,
+        text6: `自定義購買`,
+        text7: `購買`,
+        text8: `購買成功~`,
+        text9: `道具不足~`,
+        text10: `今日榜單`,
+        text11: `昨日榜單`,
+    },
+}

view/molistar/modules/smashEggs/rank.html

@@ -16,8 +16,8 @@
     </div>
     <div class="box">
         <div class="tab">
-            <div class="act0">今日榜單</div>
+            <div class="act0 text10"></div>
-            <div class="">昨日榜單</div>
+            <div class="text11"></div>
         </div>
         <ul>
             
@@ -33,4 +33,8 @@
 <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="./js/rank.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./js/rank.js"></script>
+<script src="../../common/local/langHandler.js"></script>

view/molistar/modules/superId/css/select.css

@@ -70,7 +70,7 @@ body {
 
 .data {
   width: 100%;
-  height: 14.46667rem;
+  height: 16.46667rem;
   box-sizing: border-box;
   padding: 2.88rem 0.4rem 0;
   overflow-y: scroll;
@@ -164,8 +164,17 @@ body {
 
 .arabic .data .box .mp {
   text-indent: -0.8rem;
+  float: right;
 }
 
-.arabic .data .box b .highlight {
+.arabic .data .box img {
+  float: right;
+}
+
+.arabic .data .box b {
+  float: right;
+}
+
+.arabic .data .box b strong {
   float: left;
 }

view/molistar/modules/superId/css/select.scss

@@ -75,7 +75,7 @@ body {
 .data {
     width: 100%;
     // height: px2rem(1010);
-    height: 14.46667rem;
+    height: 16.46667rem;
     box-sizing: border-box;
     padding: px2rem(216) px2rem(30) 0;
     overflow-y: scroll;
@@ -170,8 +170,15 @@ body {
 .arabic{
     .data .box .mp{
         text-indent: -0.8rem;
+        float: right;
     }
-    .data .box b .highlight{
+    .data .box img{
-        float: left;
+        float: right;
+    }
+    .data .box b {
+        float: right;
+        strong{
+            float: left;
+        }
     }
 }

view/molistar/modules/superId/index.html

@@ -28,7 +28,7 @@
         <img src="./images/null.png" alt="" class="tx">
         <div class="name"></div>
         <div class="score"><span class="text5"></span><b>0</b></div>
-        <div class="text">You can change your SID right now.</div>
+        <div class="text text9">You can change your SID right now.</div>
     </div>
     <!-- 选择靓号活动 -->
     <div class="sidBox">

view/molistar/modules/superId/js/index.js

@@ -72,6 +72,7 @@ function translateFun() {
     $('.text6').text(langReplace(localLang.demoModule.text6));
     $('.text7').text(langReplace(localLang.demoModule.text7));
     $('.text8').text(langReplace(localLang.demoModule.text8));
+    $('.text9').text(langReplace(localLang.demoModule.text9));
 }
 // 配置接口
 function getConfig() {
@@ -107,7 +108,7 @@ function getConfig() {
                                 clickStatus = true;
                             }
                             else if (res.data.examimeStatus == 0) {//审核中
-                                $('.my .sid b').text(`In Review`);
+                                $('.my .sid b').text(langReplace(localLang.demoModule.text11));
                                 $('.my .sid b').css('color', '#FF5262');
                                 $('.my .text').text(``);
                                 cssFun();
@@ -119,7 +120,7 @@ function getConfig() {
                             //     $('.my .text').text(`${langReplace(localLang.demoModule.text9)}`);
                             // }
                             // else if (res.data.examimeStatus == 0) {//审核中
-                            //     $('.my .sid b').text(`In Review`);
+                            //     $('.my .sid b').text(langReplace(localLang.demoModule.text11));
                             //     $('.my .sid b').css('color', '#FF5262');
                             //     $('.my .text').text(``);
                             //     clickStatus = false;

view/molistar/modules/superId/js/select.js

@@ -68,6 +68,12 @@ function translateFun() {
     $('.text5').text(langReplace(localLang.select.text5));
     $('.text6').text(langReplace(localLang.select.text6));
     $('.text7').text(langReplace(localLang.select.text7));
+    var width = window.innerWidth;
+    var height = window.innerHeight;
+    console.log(width,height);
+    if (width <= 375 && height <= 430) {
+        $('.data').css('height','14.46667rem')
+    }
 }
 // 搜索接口
 function search(searchKey) {
@@ -83,7 +89,7 @@ function search(searchKey) {
                 if (res.data.length == 0) {
                     $('.null').show();
                     $('.reselect').attr('type', 'back');
-                    $('.reselect').text('Reselect');
+                    $('.reselect').text(langReplace(localLang.select.text4));
                     $('.reselect').show();
                 } else {
                     res.data.forEach(res => {
@@ -97,9 +103,9 @@ function search(searchKey) {
                     $('.data').append(str);
                     $('.data').show();
                     $('.reselect').attr('type', 'redo');
-                    $('.reselect').text('Generate again');
+                    $('.reselect').text(langReplace(localLang.select.text5));
                     $('.reselect').show();
-                    $('.apply').text('Apply');
+                    $('.apply').text(langReplace(localLang.select.text6));
                     $('.apply').show();
                 }
             } else {
@@ -131,7 +137,7 @@ $('.reselect').click(function () {
     } else {
         erbanNo = '';
         $('.apply').removeClass('actBut');
-        $('.apply').text(`Apply`);
+        $('.apply').text(langReplace(localLang.select.text6));
         search(num);
     }
 })
@@ -141,7 +147,7 @@ $('.data').on('click', ' .box', function (params) {
     $('.data .box').attr('click', 0);
     $('.data .box img').attr('src', `./images/not.png`);
     $('.apply').removeClass('actBut');
-    $('.apply').text(`Apply`);
+    $('.apply').text(langReplace(localLang.select.text6));
     $('.data .box .mp').hide()
     $('.apply').attr('click', `0`)
     erbanNo = '';
@@ -153,7 +159,7 @@ $('.data').on('click', ' .box', function (params) {
         erbanNo = $(this).attr('erbanNo');
         $('.apply').addClass('actBut');
         $('.apply').attr('click', `1`)
-        $('.apply').text(`Apply SID ${erbanNo}`);
+        $('.apply').text(`${langReplace(localLang.select.text7)} ${erbanNo}`);
     }
 })
 // 确定申请按钮

view/molistar/vue-project/wishRank/config/index.js

@@ -22,7 +22,7 @@ module.exports = {
     }},
 
     // Various Dev Server settings
-    host: '192.168.19.136',
+    host: '192.168.10.42',
     // host: '192.168.8.97', // can be overwritten by process.env.HOST
     port: 5500, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,

view/molistar/vue-project/wishRank/src/view/rank/WishingWellRecord.vue

@@ -6,7 +6,7 @@
       <van-list
         v-model="loading"
         :finished="finished"
-        finished-text="没有更多获奖记录了"
+        finished-text=""
         @load="onLoad"
         :offset="300"
       >
@@ -14,7 +14,7 @@
           <img :src="item.prizeImgUrl" alt="" />
           <p class="user-nick">
             {{ item.prizeName }}
-            <span> X {{item.prizeNum}}</span>
+            <span> X {{ item.prizeNum }}</span>
           </p>
           <p class="user-diamond">
             <span class="diamond-num">{{ createTime(item.createTime) }}</span>
@@ -35,7 +35,7 @@ export default {
       dataList: [],
       loading: false,
       finished: false,
-      page: 0
+      page: 0,
     };
   },
   created() {
@@ -43,13 +43,14 @@ export default {
   },
   methods: {
     onLoad() {
+      this.loading = false;
       this.page++;
       wishingDrawRecord({
         pageSize: 20,
         page: this.page,
         uid: window.sessionStorage.getItem("uid") || "935026",
-        sortType: "time"
+        sortType: "time",
-      }).then(res => {
+      }).then((res) => {
         this.dataList = this.dataList.concat(res.data.data);
         this.loading = false;
         console.log(res.data.data);
@@ -60,8 +61,8 @@ export default {
     },
     createTime(time) {
       return formatDate(time);
-    }
+    },
-  }
+  },
 };
 </script>
 
@@ -105,7 +106,7 @@ export default {
     .user-nick {
       font-size: 15px;
       color: #333333;
-      span{
+      span {
         font-size: 12px;
         color: #999;
       }