修改接口签名传参判断条件

view/molistar/activity/2024-invitationFission/css/index.css

@@ -1,7 +1,7 @@
 html,
 body {
   width: 100%;
-  background: #1E1300;
+  background: #FFE1C5;
 }
 
 .back {
@@ -32,7 +32,7 @@ body {
 
 .header {
   width: 10rem;
-  height: 10.02667rem;
+  height: 8.69333rem;
   background: url(../images/header.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto 0;
@@ -41,28 +41,19 @@ body {
 
 .header .h3 {
   position: absolute;
-  left: 52%;
+  left: 50%;
   transform: translateX(-50%);
-  top: 3.64rem;
-  height: 1.30667rem;
-  width: 6.48rem;
+  top: 3.25333rem;
+  height: 1.36rem;
+  width: 8.6rem;
 }
 
 .header .rule_rule {
-  width: 2rem;
+  width: 0.77333rem;
   height: 0.77333rem;
-  line-height: 0.77333rem;
-  font-size: 0.34667rem;
-  font-weight: bold;
   position: absolute;
-  top: 1rem;
-  right: 0rem;
-  color: #703900;
-  box-sizing: border-box;
-  padding-right: 0.13333rem;
-  font-family: PingFang SC;
-  text-align: center;
-  text-indent: 5px;
+  top: 4.77333rem;
+  right: 0.4rem;
 }
 
 .header .text {
@@ -70,23 +61,19 @@ body {
   height: 0.8rem;
   line-height: 0.8rem;
   position: absolute;
-  left: 52%;
+  left: 50%;
   transform: translateX(-50%);
-  top: 4.95rem;
+  top: 5.06667rem;
+  background: url(../images/header_text.png) no-repeat;
+  background-size: 100% 100%;
   text-align: center;
   color: #FFF6E5;
-  font-size: 0.34667rem;
+  font-size: 0.37333rem;
   font-weight: 400;
-  font-family: PingFang SC;
-  font-weight: bold;
-  color: #FFFFFF;
-  background: linear-gradient(180deg, #FFFFFF 0%, #FEF6A1 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
 }
 
 .header .text b {
-  font-size: 0.4rem;
+  font-size: 0.56rem;
   font-weight: 600;
   vertical-align: middle;
   margin-top: -0.06667rem;
@@ -102,15 +89,16 @@ body {
 
 .bg {
   width: 100%;
-  color: #1E1300;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
   position: relative;
   margin: -0.56rem auto 0;
   overflow: hidden;
 }
 
 .bg .myInfo {
-  width: 9.74667rem;
-  height: 4.98667rem;
+  width: 9.2rem;
+  height: 4.06667rem;
   background: url(../images/myInfo.png) no-repeat;
   background-size: 100% 100%;
   margin: 1.12rem auto 0.26667rem;
@@ -120,37 +108,37 @@ body {
 .bg .myInfo .tx {
   width: 1.6rem;
   height: 1.6rem;
-  border: 0.05333rem solid #FFF6CA;
+  border: 0.02667rem solid #F55E3E;
   position: absolute;
-  left: 0.77333rem;
-  top: 1.44rem;
+  left: 0.53333rem;
+  top: 0.73333rem;
   border-radius: 50%;
 }
 
 .bg .myInfo p {
-  color: #FFEA7F;
+  color: #FE3312;
   font-size: 0.37333rem;
   position: absolute;
-  top: 2.06667rem;
-  left: 2.58667rem;
+  top: 1.34667rem;
+  left: 2.37333rem;
   font-weight: 400;
 }
 
 .bg .myInfo .invitationCode {
   position: absolute;
-  right: 1.68rem;
-  top: 2.04rem;
-  font-size: 0.53333rem;
+  right: 0.66667rem;
+  top: 1.18667rem;
+  font-size: 0.64rem;
   font-weight: normal;
-  color: #FFB720;
+  color: #FE3312;
 }
 
 .bg .myInfo .skip {
   position: absolute;
-  left: 0.77333rem;
+  left: 0.53333rem;
   bottom: 0.66667rem;
   width: 3.92rem;
-  height: 0.90667rem;
+  height: 0.8rem;
   line-height: 0.8rem;
   text-align: center;
   color: #FE3312;
@@ -169,16 +157,16 @@ body {
 
 .bg .myInfo .copy {
   position: absolute;
-  right: 0.66667rem;
+  right: 0.53333rem;
   bottom: 0.66667rem;
   width: 3.92rem;
-  height: 0.90667rem;
+  height: 0.8rem;
   line-height: 0.8rem;
   text-align: center;
   color: #FE3312;
   font-size: 0.24rem;
   font-weight: 400;
-  background: url(../images/myInfoBut2.png) no-repeat;
+  background: url(../images/myInfoBut.png) no-repeat;
   background-size: 100% 100%;
 }
 
@@ -190,8 +178,8 @@ body {
 }
 
 .bg .myIncome {
-  width: 9.36rem;
-  height: 1.01333rem;
+  width: 9.2rem;
+  height: 1.33333rem;
   position: relative;
   margin: 0 auto 0.26667rem;
   background: url(../images/myIncomeBg.png) no-repeat;
@@ -208,13 +196,13 @@ body {
 }
 
 .bg .myIncome p {
-  font-size: 0.42667rem;
+  color: #FFFFFF;
+  font-size: 0.48rem;
   font-weight: 500;
   position: absolute;
   left: 0.26667rem;
   top: 50%;
   transform: translateY(-50%);
-  color: #FBFB6E;
 }
 
 .bg .myIncome b {
@@ -222,213 +210,110 @@ body {
   top: 50%;
   transform: translateY(-50%);
   right: 1.2rem;
-  color: #0C0538;
+  color: #FE3312;
   font-size: 0.48rem;
 }
 
-.bg .ul_pub {
-  width: 100%;
-  height: 100vh;
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.6);
-  z-index: 5;
-  display: none;
+.bg .incomeBox {
+  width: 9.2rem;
+  height: 10.66667rem;
+  background: #fff;
+  border-radius: 0.26667rem;
+  border: 0.05333rem solid #FE7835;
+  margin: 0 auto 0.26667rem;
+  position: relative;
 }
 
-.bg .ul_pub .incomeBox {
-  width: 9.74667rem;
-  height: 13.05333rem;
-  background: url(../images/incomeBox.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.bg .ul_pub .incomeBox .close {
-  width: 1rem;
-  height: 1rem;
-  position: absolute;
-  right: 0rem;
-  top: 0rem;
-}
-
-.bg .ul_pub .incomeBox h3 {
-  width: 100%;
-  text-align: center;
-  font-family: PingFang SC;
-  font-weight: 500;
-  font-size: 0.37333rem;
-  color: #FFBB1D;
-  line-height: 42px;
-  position: absolute;
-  left: 0;
-  top: 1.53333rem;
-}
-
-.bg .ul_pub .incomeBox .gold {
-  width: 100%;
-  text-align: center;
-  font-family: PingFang SC;
-  font-weight: bold;
-  font-size: 0.53333rem;
-  color: #FFBB1D;
-  line-height: 42px;
-  position: absolute;
-  top: 2.22667rem;
-  left: 0;
-}
-
-.bg .ul_pub .incomeBox .gold b {
-  vertical-align: middle;
-  margin-right: 0.13333rem;
-}
-
-.bg .ul_pub .incomeBox .gold img {
-  display: inline-block;
-  vertical-align: middle;
-  width: 0.50667rem;
-  height: 0.50667rem;
-}
-
-.bg .ul_pub .incomeBox .tab {
+.bg .incomeBox .tab {
   width: 8.66667rem;
-  height: 1.78667rem;
+  height: 1.92rem;
   display: flex;
   justify-content: space-between;
-  margin: 2.98667rem auto 0.26667rem;
+  margin: 0.18667rem auto 0.26667rem;
 }
 
-.bg .ul_pub .incomeBox .tab div {
-  width: 4.06667rem;
+.bg .incomeBox .tab div {
+  width: 4.21333rem;
   height: 100%;
   text-align: center;
   background: url(../images/tab.png) no-repeat;
   background-size: 100% 100%;
 }
 
-.bg .ul_pub .incomeBox .tab div p {
-  color: #EDEDED;
-  font-size: 0.29333rem;
+.bg .incomeBox .tab div p {
+  color: #FFFFFF;
+  font-size: 0.32rem;
   font-weight: 500;
-  margin-top: 0.81333rem;
-  margin-bottom: 0rem;
+  margin-top: 0.46667rem;
+  margin-bottom: 0.24rem;
 }
 
-.bg .ul_pub .incomeBox .tab div span {
+.bg .incomeBox .tab div span {
   color: #fff;
   font-size: 0.37333rem;
   font-weight: 400;
 }
 
-.bg .ul_pub .incomeBox .tab div span img {
+.bg .incomeBox .tab div span img {
   display: inline-block;
   vertical-align: middle;
-  width: 0.50667rem;
-  height: 0.50667rem;
-  filter: grayscale(100%);
+  width: 0.58667rem;
+  height: 0.58667rem;
 }
 
-.bg .ul_pub .incomeBox .tab .act {
+.bg .incomeBox .tab .act {
   background: url(../images/tabAct.png) no-repeat;
   background-size: 100% 100%;
 }
 
-.bg .ul_pub .incomeBox .tab .act p {
-  color: #FEFF7B;
+.bg .incomeBox .tab .act p {
+  margin-top: 0.36rem;
 }
 
-.bg .ul_pub .incomeBox .tab .act span {
-  color: #FFDD3D;
-}
-
-.bg .ul_pub .incomeBox .tab .act span img {
-  filter: grayscale(0%);
-}
-
-.bg .ul_pub .incomeBox .sTab {
-  width: 8.8rem;
-  height: 0.96rem;
-  line-height: 0.96rem;
+.bg .incomeBox .sTab {
+  width: 100%;
+  height: 0.8rem;
+  line-height: 0.8rem;
   display: flex;
   justify-content: space-between;
   margin: 0 auto 0rem;
 }
 
-.bg .ul_pub .incomeBox .sTab div {
+.bg .incomeBox .sTab div {
   width: 50%;
   height: 100%;
   text-align: center;
-  color: #F9FFC1;
-  font-size: 0.28rem;
+  color: #333333;
+  font-size: 0.26667rem;
   font-weight: 400;
+}
+
+.bg .incomeBox .sTab .tab1 {
+  background: url(../images/sTab1.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FE3312;
+}
+
+.bg .incomeBox .sTab .tab2 {
   background: url(../images/sTab2.png) no-repeat;
   background-size: 100% 100%;
+  color: #FE3312;
 }
 
-.bg .ul_pub .incomeBox .sTab .tab1 {
-  background: url(../images/sTab1.png) no-repeat;
-  background-size: 100% 100%;
-  color: #FEFF7B;
-}
-
-.bg .ul_pub .incomeBox .sTab .tab2 {
-  background: url(../images/sTab1.png) no-repeat;
-  background-size: 100% 100%;
-  color: #FEFF7B;
-}
-
-.bg .ul_pub .incomeBox .tableTitle {
-  width: 8.8rem;
+.bg .incomeBox .tableTitle {
+  width: 99.9%;
   display: flex;
   justify-content: space-between;
   margin-bottom: 0;
   position: absolute;
-  top: 6.15rem;
+  top: 3.17rem;
   left: 50%;
   transform: translateX(-50%);
   z-index: 2;
+  background: #fff;
 }
 
-.bg .ul_pub .incomeBox .tableTitle div {
-  width: 25%;
-  height: 0.66667rem;
-  line-height: 0.66667rem;
-  text-align: center;
-  color: #FFB920;
-  font-size: 0.29333rem;
-  font-weight: 400;
-}
-
-.bg .ul_pub .incomeBox ul {
-  width: 8.8rem;
-  height: 6rem;
-  margin: 0 auto 0;
-  overflow-y: scroll;
-  position: relative;
-}
-
-.bg .ul_pub .incomeBox ul::-webkit-scrollbar {
-  display: none;
-}
-
-.bg .ul_pub .incomeBox ul .top {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 0;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.bg .ul_pub .incomeBox ul .top div {
+.bg .incomeBox .tableTitle div {
   width: 25%;
   height: 0.66667rem;
   line-height: 0.66667rem;
@@ -438,7 +323,40 @@ body {
   font-weight: 400;
 }
 
-.bg .ul_pub .incomeBox ul li {
+.bg .incomeBox ul {
+  width: 100%;
+  height: 7.4rem;
+  margin: 0 auto 0;
+  overflow-y: scroll;
+  position: relative;
+}
+
+.bg .incomeBox ul::-webkit-scrollbar {
+  display: none;
+}
+
+.bg .incomeBox ul .top {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 0;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.bg .incomeBox ul .top div {
+  width: 25%;
+  height: 0.66667rem;
+  line-height: 0.66667rem;
+  text-align: center;
+  color: #333333;
+  font-size: 0.26667rem;
+  font-weight: 400;
+}
+
+.bg .incomeBox ul li {
   width: 100%;
   height: 0.66667rem;
   margin-bottom: 0.24rem;
@@ -446,15 +364,15 @@ body {
   justify-content: space-between;
 }
 
-.bg .ul_pub .incomeBox ul li:nth-child(1) {
+.bg .incomeBox ul li:nth-child(1) {
   margin-top: 0.66667rem;
 }
 
-.bg .ul_pub .incomeBox ul li div {
+.bg .incomeBox ul li div {
   overflow: hidden;
   width: 25%;
   text-align: center;
-  color: #FFE67C;
+  color: #666666;
   font-size: 0.24rem;
   font-weight: 400;
   line-height: 0.66667rem;
@@ -463,38 +381,30 @@ body {
   text-overflow: ellipsis;
 }
 
-.bg .ul_pub .incomeBox ul li div img {
+.bg .incomeBox ul li div img {
   display: inline-block;
   vertical-align: middle;
   width: 0.42667rem;
   height: 0.42667rem;
 }
 
-.bg .ul_pub .incomeBox ul li .act {
+.bg .incomeBox ul li .act {
   line-height: 0rem;
 }
 
-.bg .ul_pub .incomeBox ul li .act p {
+.bg .incomeBox ul li .act p {
   margin-top: 0.2rem;
   margin-bottom: 0.30667rem;
 }
 
 .bg .rule {
-  width: 9.74667rem;
-  height: 23.74667rem;
-  margin: 0 auto 1.33333rem;
+  width: 9.2rem;
+  height: 18.90667rem;
+  border-radius: 0.26667rem;
+  border: 0.05333rem solid #FE7835;
+  margin: 0 auto 0.53333rem;
   position: relative;
-  background: url(../images/ruleBoxBg.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.bg .rule .ruleInfo {
-  position: absolute;
-  width: 1.9rem;
-  height: 0.9rem;
-  top: 1.9rem;
-  right: 0;
-  z-index: 2;
+  background: #fff;
 }
 
 .bg .rule .title {
@@ -521,7 +431,6 @@ body {
   margin: 0 auto 0.26667rem;
   background: url(../images/rule1.png) no-repeat;
   background-size: 100% 100%;
-  display: none;
 }
 
 .bg .rule .rule1 h3 {
@@ -602,6 +511,8 @@ body {
   height: 11.74667rem;
   position: relative;
   margin: 0 auto 0.4rem;
+  background: url(../images/rule2.png) no-repeat;
+  background-size: 100% 100%;
 }
 
 .bg .rule .rule2 h3 {
@@ -654,7 +565,7 @@ body {
 
 .bg .rule .rule2 .p1 {
   width: 100%;
-  color: #FFB920;
+  color: #FE3312;
   font-size: 0.26667rem;
   font-weight: 500;
   position: absolute;
@@ -666,7 +577,7 @@ body {
 
 .bg .rule .rule2 .p2 {
   width: 100%;
-  color: #FFB920;
+  color: #FE3312;
   font-size: 0.26667rem;
   font-weight: 500;
   position: absolute;
@@ -703,14 +614,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 14.56rem;
+  top: 4.56rem;
   z-index: 2;
 }
 
 .bg .rule .rule2 .table1_1 div {
   width: 50%;
   text-align: center;
-  color: #FFB920;
+  color: #FF4627;
   font-size: 0.24rem;
   font-weight: 500;
 }
@@ -724,14 +635,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 15.6rem;
+  top: 5.4rem;
   z-index: 2;
 }
 
 .bg .rule .rule2 .table1_2 div {
   width: 50%;
   text-align: center;
-  color: #FFB920;
+  color: #FF4627;
   font-size: 0.24rem;
   font-weight: 400;
 }
@@ -745,14 +656,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 16.4rem;
+  top: 6.2rem;
   z-index: 2;
 }
 
 .bg .rule .rule2 .table1_3 div {
   width: 50%;
   text-align: center;
-  color: #FFB920;
+  color: #FF4627;
   font-size: 0.24rem;
   font-weight: 400;
 }
@@ -766,14 +677,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 17.15rem;
+  top: 6.95rem;
   z-index: 2;
 }
 
 .bg .rule .rule2 .table1_4 div {
   width: 50%;
   text-align: center;
-  color: #FFB920;
+  color: #FF4627;
   font-size: 0.24rem;
   font-weight: 400;
 }
@@ -787,14 +698,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 19.8rem;
+  top: 8.9rem;
   z-index: 2;
 }
 
 .bg .rule .rule2 .table2_1 div {
   width: 50%;
   text-align: center;
-  color: #FFB920;
+  color: #FF4627;
   font-size: 0.24rem;
   font-weight: 500;
 }
@@ -808,14 +719,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 20.8rem;
+  top: 9.8rem;
   z-index: 2;
 }
 
 .bg .rule .rule2 .table2_2 div {
   width: 50%;
   text-align: center;
-  color: #FFB920;
+  color: #FF4627;
   font-size: 0.24rem;
   font-weight: 400;
 }
@@ -829,14 +740,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 21.7rem;
+  top: 10.6rem;
   z-index: 2;
 }
 
 .bg .rule .rule2 .table2_3 div {
   width: 50%;
   text-align: center;
-  color: #FFB920;
+  color: #FF4627;
   font-size: 0.24rem;
   font-weight: 400;
 }
@@ -844,17 +755,17 @@ body {
 .bg .rule .wishingStar {
   width: 100%;
   text-align: center;
-  color: #F1D793;
-  font-size: 0.26667rem;
+  color: #333333;
+  font-size: 0.24rem;
   font-weight: 300;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  bottom: -0.6rem;
+  bottom: 0.4rem;
 }
 
 .bg .rule .wishingStar b {
-  color: #FFB920;
+  color: #FE3312;
 }
 
 .bg .otherNotes {
@@ -892,42 +803,20 @@ body {
   margin-top: 0.26667rem;
 }
 
-.otherRule {
-  display: none;
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.6);
-  z-index: 3;
-}
-
-.otherRule img {
-  position: absolute;
-  width: 9.74667rem;
-  height: 14.08rem;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-
 .openShare {
   position: fixed;
   left: 0rem;
   bottom: 6.2rem;
-  width: 2rem;
-  height: 0.6rem;
-  line-height: 0.6rem;
-  background: linear-gradient(180deg, #FFE156 0%, #FF7C06 100%);
-  border-radius: 0px 0.6rem 0.6rem 0px;
-  border: 0.02667rem #FFF8B4 solid;
+  width: 1.6rem;
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+  background: linear-gradient(180deg, #FFAD50 0%, #FE3111 100%);
+  border-radius: 0px 0.22667rem 0.22667rem 0px;
   text-align: center;
-  color: #89421A;
-  font-size: 0.26667rem;
+  color: #fff;
+  font-size: 0.21333rem;
   display: none;
   z-index: 3;
-  font-weight: bold;
 }
 
 .code {
@@ -937,7 +826,7 @@ body {
   background: url(../images/codeBg.png) no-repeat;
   background-size: 100% 100%;
   width: 2.34667rem;
-  height: 3.33333rem;
+  height: 3.16rem;
   z-index: 3;
 }
 
@@ -957,8 +846,8 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-47%);
-  top: 0.4rem;
-  width: 90%;
+  top: 0.24rem;
+  width: 100%;
   text-align: center;
 }
 
@@ -969,7 +858,7 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-47%);
-  top: 1rem;
+  top: 0.66667rem;
   width: 100%;
   text-align: center;
   height: 0.32rem;
@@ -994,7 +883,7 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-43%);
-  top: 1.4rem;
+  top: 1.16rem;
 }
 
 .code .but {
@@ -1002,29 +891,11 @@ body {
   height: 0.34667rem;
   line-height: 0.34667rem;
   border-radius: 0.34667rem;
-  background: url(../images/shareButIcons.png) no-repeat;
-  background-size: 100% 100%;
+  background: #fff;
   position: absolute;
   left: 0.50667rem;
   bottom: 0.24rem;
   text-align: center;
-  font-size: 0.24rem;
-  color: #89421A;
-}
-
-.arabic .bg .ul_pub .incomeBox .sTab div {
+  color: #000;
   font-size: 0.24rem;
 }
-
-.arabic .header .rule_rule {
-  font-size: 0.26667rem;
-  text-indent: -10px;
-}
-
-.arabic .bg .rule .rule2 .table2_2 {
-  width: 9rem;
-}
-
-.arabic .bg .rule .rule2 .table1_3_div {
-  font-size: 0.13333rem;
-}

view/molistar/activity/2024-invitationFission/css/index.scss

@@ -5,7 +5,7 @@
 html,
 body {
     width: 100%;
-    background: #1E1300;
+    background: #FFE1C5;
     // background: linear-gradient(0deg, #DE3B4F 0%, #FFE4C9 99%);
 }
 
@@ -38,7 +38,7 @@ body {
 
 .header {
     width: px2rem(750);
-    height: px2rem(752);
+    height: px2rem(652);
     background: url(../images/header.png) no-repeat;
     background-size: 100% 100%;
     margin: 0 auto 0;
@@ -46,28 +46,19 @@ body {
 
     .h3 {
         position: absolute;
-        left: 52%;
+        left: 50%;
         transform: translateX(-50%);
-        top: px2rem(273);
-        height: px2rem(98);
-        width: px2rem(486);
+        top: px2rem(244);
+        height: px2rem(102);
+        width: px2rem(645);
     }
 
     .rule_rule {
-        width: 2rem;
-        height: 0.77333rem;
-        line-height: 0.77333rem;
-        font-size: px2rem(26);
-        font-weight: bold;
+        width: px2rem(58);
+        height: px2rem(58);
         position: absolute;
-        top: 1rem;
-        right: 0rem;
-        color: #703900;
-        box-sizing: border-box;
-        padding-right: px2rem(10);
-        font-family: PingFang SC;
-        text-align: center;
-        text-indent: 5px;
+        top: px2rem(358);
+        right: px2rem(30);
     }
 
     .text {
@@ -75,24 +66,18 @@ body {
         height: px2rem(60);
         line-height: px2rem(60);
         position: absolute;
-        left: 52%;
+        left: 50%;
         transform: translateX(-50%);
-        top: 4.95rem;
-        // background: url(../images/header_text.png) no-repeat;
-        // background-size: 100% 100%;
+        top: px2rem(380);
+        background: url(../images/header_text.png) no-repeat;
+        background-size: 100% 100%;
         text-align: center;
         color: #FFF6E5;
-        font-size: px2rem(26);
+        font-size: px2rem(28);
         font-weight: 400;
-        font-family: PingFang SC;
-        font-weight: bold;
-        color: #FFFFFF;
-        background: linear-gradient(180deg, #FFFFFF 0%, #FEF6A1 100%);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
 
         b {
-            font-size: px2rem(30);
+            font-size: px2rem(42);
             font-weight: 600;
             vertical-align: middle;
             margin-top: px2rem(-5);
@@ -111,16 +96,15 @@ body {
 .bg {
     width: 100%;
     // height: px2rem(3608);
-    // background: url(../images/bg.png) no-repeat;
-    // background-size: 100% 100%;
-    color: #1E1300;
+    background: url(../images/bg.png) no-repeat;
+    background-size: 100% 100%;
     position: relative;
     margin: px2rem(-42) auto 0;
     overflow: hidden;
 
     .myInfo {
-        width: px2rem(731);
-        height: px2rem(374);
+        width: px2rem(690);
+        height: px2rem(305);
         background: url(../images/myInfo.png) no-repeat;
         background-size: 100% 100%;
         margin: px2rem(84) auto px2rem(20);
@@ -129,37 +113,37 @@ body {
         .tx {
             width: px2rem(120);
             height: px2rem(120);
-            border: px2rem(4) solid #FFF6CA;
+            border: px2rem(2) solid #F55E3E;
             position: absolute;
-            left: px2rem(58);
-            top: px2rem(108);
+            left: px2rem(40);
+            top: px2rem(55);
             border-radius: 50%;
         }
 
         p {
-            color: #FFEA7F;
+            color: #FE3312;
             font-size: px2rem(28);
             position: absolute;
-            top: px2rem(155);
-            left: px2rem(194);
+            top: px2rem(101);
+            left: px2rem(178);
             font-weight: 400;
         }
 
         .invitationCode {
             position: absolute;
-            right: px2rem(126);
-            top: px2rem(153);
-            font-size: px2rem(40);
+            right: px2rem(50);
+            top: px2rem(89);
+            font-size: px2rem(48);
             font-weight: normal;
-            color: #FFB720;
+            color: #FE3312;
         }
 
         .skip {
             position: absolute;
-            left: px2rem(58);
+            left: px2rem(40);
             bottom: px2rem(50);
             width: px2rem(294);
-            height: px2rem(68);
+            height: px2rem(60);
             line-height: px2rem(60);
             text-align: center;
             color: #FE3312;
@@ -178,16 +162,16 @@ body {
 
         .copy {
             position: absolute;
-            right: px2rem(50);
+            right: px2rem(40);
             bottom: px2rem(50);
             width: px2rem(294);
-            height: px2rem(68);
+            height: px2rem(60);
             line-height: px2rem(60);
             text-align: center;
             color: #FE3312;
             font-size: px2rem(18);
             font-weight: 400;
-            background: url(../images/myInfoBut2.png) no-repeat;
+            background: url(../images/myInfoBut.png) no-repeat;
             background-size: 100% 100%;
 
             img {
@@ -200,8 +184,8 @@ body {
     }
 
     .myIncome {
-        width: px2rem(702);
-        height: px2rem(76);
+        width: px2rem(690);
+        height: px2rem(100);
         position: relative;
         margin: 0 auto px2rem(20);
         background: url(../images/myIncomeBg.png) no-repeat;
@@ -217,13 +201,13 @@ body {
         }
 
         p {
-            font-size: px2rem(32);
+            color: #FFFFFF;
+            font-size: px2rem(36);
             font-weight: 500;
             position: absolute;
             left: px2rem(20);
             top: 50%;
             transform: translateY(-50%);
-            color: #FBFB6E;
         }
 
         b {
@@ -231,268 +215,189 @@ body {
             top: 50%;
             transform: translateY(-50%);
             right: px2rem(90);
-            color: #0C0538;
+            color: #FE3312;
             font-size: px2rem(36);
         }
     }
 
-    .ul_pub {
-        width: 100%;
-        height: 100vh;
-        position: fixed;
-        left: 0;
-        top: 0;
-        bottom: 0;
-        right: 0;
-        background: rgba(0, 0, 0, .6);
-        z-index: 5;
-        display: none;
+    .incomeBox {
+        width: px2rem(690);
+        height: px2rem(800);
+        background: #fff;
+        border-radius: px2rem(20);
+        border: px2rem(4) solid #FE7835;
+        margin: 0 auto px2rem(20);
+        position: relative;
 
-        .incomeBox {
-            width: px2rem(731);
-            height: px2rem(979);
-            background: url(../images/incomeBox.png) no-repeat;
-            background-size: 100% 100%;
-            // background: #fff;
-            // border-radius: px2rem(20);
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
+        .tab {
+            width: px2rem(650);
+            height: px2rem(144);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(14) auto px2rem(20);
 
-            .close {
-                width: 1rem;
-                height: 1rem;
-                position: absolute;
-                right: 0rem;
-                top: 0rem;
-            }
-
-            h3 {
-                width: 100%;
+            div {
+                width: px2rem(316);
+                height: 100%;
                 text-align: center;
-                font-family: PingFang SC;
-                font-weight: 500;
-                font-size: px2rem(28);
-                color: #FFBB1D;
-                line-height: 42px;
-                // background: linear-gradient(0deg, #FFEB64 0%, #FFBB1D 65.5517578125%);
-                // -webkit-background-clip: text;
-                // -webkit-text-fill-color: transparent;
-                position: absolute;
-                left: 0;
-                top: px2rem(115);
-            }
+                background: url(../images/tab.png) no-repeat;
+                background-size: 100% 100%;
 
-            .gold {
-                width: 100%;
-                text-align: center;
-                font-family: PingFang SC;
-                font-weight: bold;
-                font-size: px2rem(40);
-                color: #FFBB1D;
-                line-height: 42px;
-                // background: linear-gradient(0deg, #FFEB64 0%, #FFBB1D 65.5517578125%);
-                // -webkit-background-clip: text;
-                // -webkit-text-fill-color: transparent;
-                position: absolute;
-                top: px2rem(167);
-                left: 0;
-
-                b {
-                    vertical-align: middle;
-                    margin-right: px2rem(10);
+                p {
+                    color: #FFFFFF;
+                    font-size: px2rem(24);
+                    font-weight: 500;
+                    margin-top: px2rem(35);
+                    margin-bottom: px2rem(18);
                 }
 
-                img {
-                    display: inline-block;
-                    vertical-align: middle;
-                    width: px2rem(38);
-                    height: px2rem(38);
-                }
-            }
-
-            .tab {
-                width: px2rem(650);
-                height: px2rem(134);
-                display: flex;
-                justify-content: space-between;
-                margin: px2rem(224) auto px2rem(20);
-
-                div {
-                    width: px2rem(305);
-                    height: 100%;
-                    text-align: center;
-                    background: url(../images/tab.png) no-repeat;
-                    background-size: 100% 100%;
-
-                    p {
-                        color: #EDEDED;
-                        font-size: px2rem(22);
-                        font-weight: 500;
-                        margin-top: px2rem(61);
-                        margin-bottom: px2rem(0);
-                    }
-
-                    span {
-                        color: #fff;
-                        font-size: px2rem(28);
-                        font-weight: 400;
-
-                        img {
-                            display: inline-block;
-                            vertical-align: middle;
-                            width: px2rem(38);
-                            height: px2rem(38);
-                            filter: grayscale(100%);
-                        }
-                    }
-                }
-
-                .act {
-                    background: url(../images/tabAct.png) no-repeat;
-                    background-size: 100% 100%;
-
-                    p {
-                        color: #FEFF7B;
-                    }
-
-                    span {
-                        color: #FFDD3D;
-
-                        img {
-                            filter: grayscale(0%);
-                        }
-                    }
-                }
-            }
-
-            .sTab {
-                width: px2rem(660);
-                height: px2rem(72);
-                line-height: px2rem(72);
-                display: flex;
-                justify-content: space-between;
-                margin: 0 auto px2rem(0);
-
-                div {
-                    width: 50%;
-                    height: 100%;
-                    text-align: center;
-                    color: #F9FFC1;
-                    font-size: px2rem(21);
+                span {
+                    color: #fff;
+                    font-size: px2rem(28);
                     font-weight: 400;
-                    background: url(../images/sTab2.png) no-repeat;
-                    background-size: 100% 100%;
-                }
 
-                .tab1 {
-                    background: url(../images/sTab1.png) no-repeat;
-                    background-size: 100% 100%;
-                    color: #FEFF7B;
-                }
-
-                .tab2 {
-                    background: url(../images/sTab1.png) no-repeat;
-                    background-size: 100% 100%;
-                    color: #FEFF7B;
+                    img {
+                        display: inline-block;
+                        vertical-align: middle;
+                        width: px2rem(44);
+                        height: px2rem(44);
+                    }
                 }
             }
 
-            .tableTitle {
-                width: px2rem(660);
+            .act {
+                background: url(../images/tabAct.png) no-repeat;
+                background-size: 100% 100%;
+
+                p {
+                    margin-top: px2rem(27);
+                }
+            }
+        }
+
+        .sTab {
+            width: 100%;
+            height: px2rem(60);
+            line-height: px2rem(60);
+            display: flex;
+            justify-content: space-between;
+            margin: 0 auto px2rem(0);
+
+            div {
+                width: 50%;
+                height: 100%;
+                text-align: center;
+                color: #333333;
+                font-size: px2rem(20);
+                font-weight: 400;
+            }
+
+            .tab1 {
+                background: url(../images/sTab1.png) no-repeat;
+                background-size: 100% 100%;
+                color: #FE3312;
+            }
+
+            .tab2 {
+                background: url(../images/sTab2.png) no-repeat;
+                background-size: 100% 100%;
+                color: #FE3312;
+            }
+        }
+
+        .tableTitle {
+            width: 99.9%;
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 0;
+            position: absolute;
+            top: 3.17rem;
+            left: 50%;
+            transform: translateX(-50%);
+            z-index: 2;
+            background: #fff;
+
+            div {
+                width: 25%;
+                height: px2rem(50);
+                line-height: px2rem(50);
+                text-align: center;
+                color: #333333;
+                font-size: px2rem(20);
+                font-weight: 400;
+            }
+        }
+
+        ul {
+            width: 100%;
+            height: 7.4rem;
+            margin: 0 auto 0;
+            overflow-y: scroll;
+            position: relative;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            .top {
+                width: 100%;
                 display: flex;
                 justify-content: space-between;
                 margin-bottom: 0;
                 position: absolute;
-                top: 6.15rem;
+                top: 0;
                 left: 50%;
                 transform: translateX(-50%);
-                z-index: 2;
-                // background: #fff;
 
                 div {
                     width: 25%;
                     height: px2rem(50);
                     line-height: px2rem(50);
                     text-align: center;
-                    color: #FFB920;
-                    font-size: px2rem(22);
+                    color: #333333;
+                    font-size: px2rem(20);
                     font-weight: 400;
                 }
             }
 
-            ul {
-                width: px2rem(660);
-                height: 6rem;
-                margin: 0 auto 0;
-                overflow-y: scroll;
-                position: relative;
+            li {
+                width: 100%;
+                height: px2rem(50);
+                margin-bottom: px2rem(18);
+                display: flex;
+                justify-content: space-between;
 
-                &::-webkit-scrollbar {
-                    display: none;
+                &:nth-child(1) {
+                    margin-top: px2rem(50);
                 }
 
-                .top {
-                    width: 100%;
-                    display: flex;
-                    justify-content: space-between;
-                    margin-bottom: 0;
-                    position: absolute;
-                    top: 0;
-                    left: 50%;
-                    transform: translateX(-50%);
+                div {
+                    overflow: hidden;
+                    width: 25%;
+                    text-align: center;
+                    color: #666666;
+                    font-size: px2rem(18);
+                    font-weight: 400;
+                    line-height: px2rem(50);
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
 
-                    div {
-                        width: 25%;
-                        height: px2rem(50);
-                        line-height: px2rem(50);
-                        text-align: center;
-                        color: #333333;
-                        font-size: px2rem(20);
-                        font-weight: 400;
+                    img {
+                        display: inline-block;
+                        vertical-align: middle;
+                        width: px2rem(32);
+                        height: px2rem(32);
                     }
+
                 }
 
-                li {
-                    width: 100%;
-                    height: px2rem(50);
-                    margin-bottom: px2rem(18);
-                    display: flex;
-                    justify-content: space-between;
+                .act {
+                    line-height: px2rem(0);
 
-                    &:nth-child(1) {
-                        margin-top: px2rem(50);
-                    }
-
-                    div {
-                        overflow: hidden;
-                        width: 25%;
-                        text-align: center;
-                        color: #FFE67C;
-                        font-size: px2rem(18);
-                        font-weight: 400;
-                        line-height: px2rem(50);
-                        overflow: hidden;
-                        white-space: nowrap;
-                        text-overflow: ellipsis;
-
-                        img {
-                            display: inline-block;
-                            vertical-align: middle;
-                            width: px2rem(32);
-                            height: px2rem(32);
-                        }
-
-                    }
-
-                    .act {
-                        line-height: px2rem(0);
-
-                        p {
-                            margin-top: px2rem(15);
-                            margin-bottom: px2rem(23);
-                        }
+                    p {
+                        margin-top: px2rem(15);
+                        margin-bottom: px2rem(23);
                     }
                 }
             }
@@ -500,24 +405,13 @@ body {
     }
 
     .rule {
-        width: px2rem(731);
-        height: px2rem(1781);
-        // border-radius: px2rem(20);
-        // border: px2rem(4) solid #FE7835;
-        margin: 0 auto px2rem(100);
+        width: px2rem(690);
+        height: px2rem(1418);
+        border-radius: px2rem(20);
+        border: px2rem(4) solid #FE7835;
+        margin: 0 auto px2rem(40);
         position: relative;
-        // background: #fff;
-        background: url(../images/ruleBoxBg.png) no-repeat;
-        background-size: 100% 100%;
-
-        .ruleInfo {
-            position: absolute;
-            width: 1.9rem;
-            height: 0.9rem;
-            top: 1.9rem;
-            right: 0;
-            z-index: 2;
-        }
+        background: #fff;
 
         .title {
             width: px2rem(320);
@@ -543,7 +437,6 @@ body {
             margin: 0 auto px2rem(20);
             background: url(../images/rule1.png) no-repeat;
             background-size: 100% 100%;
-            display: none;
 
             h3 {
                 width: 100%;
@@ -624,8 +517,8 @@ body {
             height: px2rem(881);
             position: relative;
             margin: 0 auto px2rem(30);
-            // background: url(../images/rule2.png) no-repeat;
-            // background-size: 100% 100%;
+            background: url(../images/rule2.png) no-repeat;
+            background-size: 100% 100%;
 
             h3 {
                 width: 100%;
@@ -677,7 +570,7 @@ body {
 
             .p1 {
                 width: 100%;
-                color: #FFB920;
+                color: #FE3312;
                 font-size: px2rem(20);
                 font-weight: 500;
                 position: absolute;
@@ -689,7 +582,7 @@ body {
 
             .p2 {
                 width: 100%;
-                color: #FFB920;
+                color: #FE3312;
                 font-size: px2rem(20);
                 font-weight: 500;
                 position: absolute;
@@ -726,13 +619,13 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 14.56rem;
+                top: px2rem(342);
                 z-index: 2;
 
                 div {
                     width: 50%;
                     text-align: center;
-                    color: #FFB920;
+                    color: #FF4627;
                     font-size: px2rem(18);
                     font-weight: 500;
                 }
@@ -747,13 +640,13 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 15.6rem;
+                top: px2rem(405);
                 z-index: 2;
 
                 div {
                     width: 50%;
                     text-align: center;
-                    color: #FFB920;
+                    color: #FF4627;
                     font-size: px2rem(18);
                     font-weight: 400;
                 }
@@ -768,13 +661,13 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 16.4rem;
+                top: 6.2rem;
                 z-index: 2;
 
                 div {
                     width: 50%;
                     text-align: center;
-                    color: #FFB920;
+                    color: #FF4627;
                     font-size: px2rem(18);
                     font-weight: 400;
                 }
@@ -789,13 +682,13 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 17.15rem;
+                top: 6.95rem;
                 z-index: 2;
 
                 div {
                     width: 50%;
                     text-align: center;
-                    color: #FFB920;
+                    color: #FF4627;
                     font-size: px2rem(18);
                     font-weight: 400;
                 }
@@ -810,13 +703,13 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 19.8rem;
+                top: 8.9rem;
                 z-index: 2;
 
                 div {
                     width: 50%;
                     text-align: center;
-                    color: #FFB920;
+                    color: #FF4627;
                     font-size: px2rem(18);
                     font-weight: 500;
                 }
@@ -831,13 +724,13 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 20.8rem;
+                top: 9.8rem;
                 z-index: 2;
 
                 div {
                     width: 50%;
                     text-align: center;
-                    color: #FFB920;
+                    color: #FF4627;
                     font-size: px2rem(18);
                     font-weight: 400;
                 }
@@ -852,13 +745,13 @@ body {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: 21.7rem;
+                top: 10.6rem;
                 z-index: 2;
 
                 div {
                     width: 50%;
                     text-align: center;
-                    color: #FFB920;
+                    color: #FF4627;
                     font-size: px2rem(18);
                     font-weight: 400;
                 }
@@ -868,16 +761,16 @@ body {
         .wishingStar {
             width: 100%;
             text-align: center;
-            color: #F1D793;
-            font-size: px2rem(20);
+            color: #333333;
+            font-size: px2rem(18);
             font-weight: 300;
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            bottom: -0.6rem;
+            bottom: px2rem(30);
 
             b {
-                color: #FFB920;
+                color: #FE3312;
             }
         }
     }
@@ -918,43 +811,20 @@ body {
     }
 }
 
-.otherRule {
-    display: none;
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    background: rgba(0, 0, 0, .6);
-    z-index: 3;
-
-    img {
-        position: absolute;
-        width: px2rem(731);
-        height: px2rem(1056);
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-    }
-}
-
 .openShare {
     position: fixed;
     left: px2rem(0);
     bottom: 6.2rem;
-    width: px2rem(150);
-    height: px2rem(45);
-    line-height: px2rem(45);
-    background: linear-gradient(180deg, #FFE156 0%, #FF7C06 100%);
-    // background: #FF7C06;
-    border-radius: 0px px2rem(45) px2rem(45) 0px;
-    border: px2rem(2) #FFF8B4 solid;
+    width: px2rem(120);
+    height: px2rem(34);
+    line-height: px2rem(34);
+    background: linear-gradient(180deg, #FFAD50 0%, #FE3111 100%);
+    border-radius: 0px px2rem(17) px2rem(17) 0px;
     text-align: center;
-    color: #89421A;
-    font-size: px2rem(20);
+    color: #fff;
+    font-size: px2rem(16);
     display: none;
     z-index: 3;
-    font-weight: bold;
 }
 
 .code {
@@ -964,7 +834,7 @@ body {
     background: url(../images/codeBg.png) no-repeat;
     background-size: 100% 100%;
     width: px2rem(176);
-    height: px2rem(250);
+    height: px2rem(237);
     z-index: 3;
 
     .rule_icon {
@@ -983,8 +853,8 @@ body {
         position: absolute;
         left: 50%;
         transform: translateX(-47%);
-        top: px2rem(30);
-        width: 90%;
+        top: px2rem(18);
+        width: 100%;
         text-align: center;
     }
 
@@ -995,7 +865,7 @@ body {
         position: absolute;
         left: 50%;
         transform: translateX(-47%);
-        top: px2rem(75);
+        top: px2rem(50);
         width: 100%;
         text-align: center;
         height: px2rem(24);
@@ -1020,7 +890,7 @@ body {
         position: absolute;
         left: 50%;
         transform: translateX(-43%);
-        top: px2rem(105);
+        top: px2rem(87);
     }
 
     .but {
@@ -1028,29 +898,12 @@ body {
         height: px2rem(26);
         line-height: px2rem(26);
         border-radius: px2rem(26);
-        // background: #fff;
-        background: url(../images/shareButIcons.png) no-repeat;
-        background-size: 100% 100%;
+        background: #fff;
         position: absolute;
         left: px2rem(38);
         bottom: px2rem(18);
         text-align: center;
+        color: #000;
         font-size: px2rem(18);
-        color: #89421A;
-    }
-}
-.arabic{
-    .bg .ul_pub .incomeBox .sTab div{
-        font-size: px2rem(18);
-    }
-    .header .rule_rule{
-        font-size: px2rem(20);
-        text-indent: -10px;
-    }
-    .bg .rule .rule2 .table2_2{
-        width: 9rem;
-    }
-    .bg .rule .rule2 .table1_3_div{
-        font-size: px2rem(10);
     }
 }

view/molistar/activity/2024-invitationFission/index.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-<!-- dir="rtl" -->
+    <!-- dir="rtl" -->
 
 <head>
     <meta charset="UTF-8">
@@ -19,7 +19,7 @@
     <!-- 頭部 -->
     <div class="header">
         <img id="img1" src="./images/header_h3.png" alt="" class="h3">
-        <div class="rule_rule text67"></div>
+        <a href="#rule"><img id="img2" src="./images/rule_rule.png" alt="" class="rule_rule"></a>
         <div id="text1" class="text"></div>
         <!-- <img src="./images/gold.png" alt=""> -->
     </div>
@@ -30,12 +30,8 @@
             <img src="./images/logo.png" alt="" class="tx">
             <p id="text2"></p>
             <b class="invitationCode"></b>
-            <div class="skip img5" >
-                <!-- <img src="./images/skip.png" alt=""> <b id="text3"></b> -->
-            </div>
-            <div class="copy img6" id="copy">
-                <!-- <img src="./images/copy.png" alt=""> <b id="text4"></b> -->
-            </div>
+            <div class="skip"><img src="./images/skip.png" alt=""> <b id="text3"></b></div>
+            <div class="copy" id="copy"><img src="./images/copy.png" alt=""> <b id="text4"></b></div>
         </div>
         <!-- 我的收益 -->
         <div class="myIncome">
@@ -44,39 +40,33 @@
             <b>0</b>
         </div>
         <!-- 收益tab -->
-
-        <div class="ul_pub">
-            <div class="incomeBox">
-                <div class="close"></div>
-                <!-- 我的收益 -->
-                <h3 id="texts5"></h3>
-                <div class="gold"><b>0</b><img src="./images/gold.png" alt=""></div>
-                <!-- 大tab切換 -->
-                <div class="tab">
-                    <div class="act directProfit">
-                        <p id="text6"></p>
-                        <span><img src="./images/gold.png" alt=""> 0</span>
-                    </div>
-                    <div class="indirectProfit">
-                        <p id="text7"></p>
-                        <span><img src="./images/gold.png" alt=""> 0</span>
-                    </div>
+        <div class="incomeBox">
+            <!-- 大tab切換 -->
+            <div class="tab">
+                <div class="act directProfit">
+                    <p id="text6"></p>
+                    <span><img src="./images/gold.png" alt=""> 0</span>
                 </div>
-                <!-- 小tab切換 -->
-                <div class="sTab">
-                    <div class="tab1" id="text8"></div>
-                    <div class="" id="text9"></div>
+                <div class="indirectProfit">
+                    <p id="text7"></p>
+                    <span><img src="./images/gold.png" alt=""> 0</span>
                 </div>
-                <!-- 記錄標題 -->
-                <div class="tableTitle">
-                    <div id="text10"></div>
-                    <div id="text11"></div>
-                    <div id="text12"></div>
-                    <div id="text13"></div>
-                </div>
-                <!-- 記錄 -->
-                <ul>
-                    <!-- <li class="top">
+            </div>
+            <!-- 小tab切換 -->
+            <div class="sTab">
+                <div class="tab1" id="text8"></div>
+                <div class="" id="text9"></div>
+            </div>
+            <!-- 記錄標題 -->
+            <div class="tableTitle">
+                <div id="text10"></div>
+                <div id="text11"></div>
+                <div id="text12"></div>
+                <div id="text13"></div>
+            </div>
+            <!-- 記錄 -->
+            <ul>
+                <!-- <li class="top">
                     <div>時間</div>
                     <div>收益</div>
                     <div>收益類型</div>
@@ -95,13 +85,11 @@
                         <b>ID:0</b>
                     </div>
                 </li> -->
-                </ul>
-            </div>
+            </ul>
         </div>
         <!-- 活動規則 -->
-        <div class="rule img7" id="rule">
-            <div class="ruleInfo"></div>
-            <!-- <div class="title" id="text14"></div> -->
+        <div class="rule" id="rule">
+            <div class="title" id="text14"></div>
             <div class="rule1">
                 <h3 id="text15"></h3>
                 <div class="text1" id="text16"></div>
@@ -111,15 +99,15 @@
                 <span class="sp2">+1000 <img src="./images/gold.png" alt="" class="diamond"></span>
             </div>
             <div class="rule2">
-                <!-- <h3 id="text18"></h3> -->
-                <!-- <div class="text1" id="text19"></div>
+                <h3 id="text18"></h3>
+                <div class="text1" id="text19"></div>
                 <div class="text2" id="text20"></div>
-                <div class="text3" id="text21"></div> -->
-                <!-- <img id="img4" src="./images/rule_2in.png" alt="" class="rule_2in"> -->
-                <!-- <p class="p1" id="text22"></p>
-                <p class="p2" id="text23"></p> -->
-                <!-- <img src="./images/table1.png" alt="" class="table1">
-                <img src="./images/table2.png" alt="" class="table2"> -->
+                <div class="text3" id="text21"></div>
+                <img id="img4" src="./images/rule_2in.png" alt="" class="rule_2in">
+                <p class="p1" id="text22"></p>
+                <p class="p2" id="text23"></p>
+                <img src="./images/table1.png" alt="" class="table1">
+                <img src="./images/table2.png" alt="" class="table2">
                 <!-- <div class="table1_1">
                     <div id="text24">1</div>
                     <div id="text25">2</div>
@@ -182,23 +170,10 @@
             <div class="wishingStar" id="text28"></b></a>
             </div>
         </div>
-    </div>
-    <!-- 展開分享 -->
-    <div class="openShare" id="text31"></div>
-    <!-- 保存二維碼 -->
-    <div class="code">
-        <div class="rule_icon"></div>
-        <div class="p1" id="text32"></div>
-        <div class="p2" id="text33"></div>
-        <img src="" alt="" class="codeImg">
-        <div class="but" id="text34"></div>
-    </div>
-    <!-- 其他說明 -->
-    <div style="display: none;" class="otherNotes" id="text29"></div>
-    <div class="otherRule">
-        <img class="img8" src="./images/rule_inNew.png" alt="">
-        <!-- <ul style="display: none;" id="text30"> -->
-        <!-- <li class="title">關於邀請獎勵結算</li>
+        <!-- 其他說明 -->
+        <div class="otherNotes" id="text29"></div>
+        <ul id="text30">
+            <!-- <li class="title">關於邀請獎勵結算</li>
             <li>1.被邀用戶收益：新用戶填寫邀請碼後繫統自動發放權益至所屬賬號</li>
             <li>2.邀請用戶收益：被邀新用戶填寫邀請碼後繫統自動發放權益至所屬賬號</li>
             <li>3.充值獎勵：僅統計直接充值數據；新用戶自填寫邀請碼30日內完成首充，可獲得魔法棒獎勵，魔法棒可用於參與許願之星玩法，獲取珍稀禮物獎勵；完成指定數額充值，邀請人可獲得額外收益，收益實時到賬；</li>
@@ -212,6 +187,17 @@
             <li>2.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；</li> -->
         </ul>
     </div>
+    <!-- 展開分享 -->
+    <div class="openShare" id="text31"></div>
+    <!-- 保存二維碼 -->
+    <div class="code">
+        <div class="rule_icon"></div>
+        <div class="p1" id="text32"></div>
+        <div class="p2" id="text33"></div>
+        <img src="" alt="" class="codeImg">
+        <div class="but" id="text34"></div>
+    </div>
+
 </body>
 </script>
 

view/molistar/activity/2024-invitationFission/js/index.js

@@ -76,7 +76,6 @@ function translateFun() {
     $('#text3').html(langReplace(localLang.demoModule.text3));
     $('#text4').html(langReplace(localLang.demoModule.text4));
     $('#text5').html(langReplace(localLang.demoModule.text5));
-    $('#texts5').html(langReplace(localLang.demoModule.texts5));
     $('#text6').html(langReplace(localLang.demoModule.text6));
     $('#text7').html(langReplace(localLang.demoModule.text7));
     $('#text8').html(langReplace(localLang.demoModule.text8));
@@ -107,15 +106,10 @@ function translateFun() {
     $('#text33').html(langReplace(localLang.demoModule.text33));
     $('#text34').html(langReplace(localLang.demoModule.text34));
     $('#text66').html(langReplace(localLang.demoModule.text66));
-    $('.text67').text(langReplace(localLang.demoModule.text67));
     $('#img1').attr('src', langReplace(localLang.demoModule.img1))
     $('#img2').attr('src', langReplace(localLang.demoModule.img2))
     $('#img3').attr('src', langReplace(localLang.demoModule.img3))
     $('#img4').attr('src', langReplace(localLang.demoModule.img4))
-    $('.img5').attr('style', langReplace(localLang.demoModule.img5))
-    $('.img6').attr('style', langReplace(localLang.demoModule.img6))
-    $('.img7').attr('style', langReplace(localLang.demoModule.img7))
-    $('.img8').attr('src', langReplace(localLang.demoModule.img8))
 }
 // 獲取配置接口
 function getConfig() {
@@ -190,7 +184,6 @@ function getMySelf() {
                 });
                 $('.bg .myInfo .invitationCode').text(inviteCode);
                 $('.bg .myIncome b').text(res.data.totalProfit);
-                $('.bg .ul_pub .incomeBox .gold b').text(res.data.totalProfit);
                 $('.bg .incomeBox .tab .directProfit span').html(`<img src="./images/gold.png" alt=""> ${res.data.directProfit}`);
                 $('.bg .incomeBox .tab .indirectProfit span').html(`<img src="./images/gold.png" alt=""> ${res.data.indirectProfit}`);
                 $('.code .codeImg').attr('src', res.data.qRCodeUrl);
@@ -448,23 +441,3 @@ function userPage() {
         }
     })
 }
-// 打开规则弹窗
-$('.bg .rule .ruleInfo').click(function () {
-    $('.otherRule').show();
-    bodyScroolFun(true);
-})
-// 关闭规则弹窗
-$('.otherRule').click(function () {
-    $('.otherRule').hide();
-    bodyScroolFun(false);
-})
-// 打开收益弹窗
-$('.header .rule_rule').click(function(){
-    $('.bg .ul_pub').show();
-    bodyScroolFun(true);
-})
-// 关闭收益弹窗
-$('.bg .ul_pub .incomeBox .close').click(function(){
-    $('.bg .ul_pub').hide();
-    bodyScroolFun(false);
-})

view/molistar/activity/2024-invitationFission/js/share.js

@@ -122,13 +122,15 @@ function get() {
     })
 }
 $('.box .xz').click(function () {
+    // if (browser.ios) {
+    //     window.location.href = `https://cebg.t4m.cn/`
+    // }
     if (browser.ios) {
-        window.location.href = `https://cebg.t4m.cn/`
         return
     } else if (browser.android) {
         console.log('安卓');
         timer = setTimeout(() => {
-            window.location.href = 'http://play.google.com/store/apps/details?id=com.hhchu.molistar'
+            // window.location.href = 'https://www.baidu.com/'
         }, 3000)
         window.location.href = `molistar://app/invite?code=${inviteCode}`
     } else {

view/molistar/activity/2024-invitationFission/local/ar.js

@@ -2,17 +2,16 @@
 langAr = {
     // 模块
     demoModule: {
-        img1: `./images/header_h3-ar.png`,
-        img2: `./images/rule_rule-ar.png`,
-        img3: `./images/rule1_in-ar.png`,
-        img4: `./images/rule_2in-ar.png`,
+        img1:`./images/header_h3-ar.png`,
+        img2:`./images/rule_rule-ar.png`,
+        img3:`./images/rule1_in-ar.png`,
+        img4:`./images/rule_2in-ar.png`,
         title: `دعوة لكسب النقود`,
-        text1: ` احصل على <b>1000</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
+        text1: `احصل على <b>1000</b> نقطة لكل دعوة`,
         text2: `رمز الدعوة`,
         text3: `مشاركة مع الأصدقاء`,
         text4: `نسخ رمز الدعوة`,
         text5: `أرباحي`,
-        texts5: `أرباحي`,
         text6: `أرباح الدعوة المباشرة`,
         text7: `أرباح الدعوة غير المباشرة`,
         text8: `سجل أرباح الدعوة المباشرة`,
@@ -87,11 +86,11 @@ langAr = {
                 </div>
                 <div class="table1_2">
                     <div>الشحن &lt;10000</div>
-                    <div style="line-height: 0.4rem;">سيحصل المدعو المباشر علي ٢ عصا سحرية,وستحصل أنت علي ١ عصا سحرية</div>
+                    <div style="line-height: 0.4rem;">المستخدم المدعو مباشرة +2 عصا سحرية، أنت +1 عصا سحرية</div>
                 </div>
                 <div class="table1_3">
                     <div>10000 ≤ الشحن &lt;50000</div>
-                    <div class="table1_3_div" style="line-height: 0.4rem;">في كل مرة سيشحن المدعو المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة 30 عملة أي(3٪)</div>
+                    <div style="line-height: 0.4rem;">عن كل 1000 شحن من قبل المستخدم المدعو مباشرة، أنت +30 (3.00%)</div>
                 </div>
                 <div class="table1_4">
                     <div>الشحن ≥50000 </div>
@@ -103,18 +102,12 @@ langAr = {
                 </div>
                 <div class="table2_2">
                     <div>10000 ≤ الشحن &lt;50000</div>
-                    <div style="line-height: 0.4rem;" class="table1_3_div">في كل مرة سيشحن المدعو الغير المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة ١٠ عملات ذهبية أي(١٪)</div>
+                    <div style="line-height: 0.4rem;">عن كل 1000 شحن من قبل المستخدم المدعو غير المباشر، أنت +10 (1.00%)</div>
                 </div>
                 <div class="table2_3">
                     <div>الشحن ≥50000</div>
-                    <div style="line-height: 0.34rem;"  class="table1_3_div">في كل مرة سيشحن المدعو الغير المباشر 1000 عملة ذهبية ستحصل انت علي مكافأة ٢٠ عملة ذهبية أي(٢٪)</div>
+                    <div style="line-height: 0.34rem;">عن كل 1000 شحن من قبل المستخدم المدعو غير المباشر، أنت +20 (2.00%)</div>
                 </div>`,
-
-        text67: `تفاصيل الأرباح`,
-        img5: `background: url(./images/myInfoBut-ar.png) no-repeat;background-size: 100% 100%;`,
-        img6: `background: url(./images/myInfoBut2-ar.png) no-repeat;background-size: 100% 100%;`,
-        img7: `background: url(./images/ruleBoxBg-ar.png) no-repeat;background-size: 100% 100%;`,
-        img8: `./images/rule_inNew-ar.png`,
     },
     share: {
         img1: `background: url(./images/share/header-ar.png) no-repeat;background-size: 100% 100%;`,

view/molistar/activity/2024-invitationFission/local/en.js

@@ -2,17 +2,16 @@
 langEn = {
     // 模块
     demoModule: {
-        img1: `./images/header_h3-en.png`,
-        img2: `./images/rule_rule-en.png`,
-        img3: `./images/rule1_in-en.png`,
-        img4: `./images/rule_2in-en.png`,
+        img1:`./images/header_h3-en.png`,
+        img2:`./images/rule_rule-en.png`,
+        img3:`./images/rule1_in-en.png`,
+        img4:`./images/rule_2in-en.png`,
         title: `Invite to Earn Coins`,
-        text1: `Get <b>1000</b> <img src="./images/gold.png" alt=""> for each invitation `,
+        text1: `Get <b>1000</b> coins for each invitation`,
         text2: `My Code`,
         text3: `Share with Friends`,
         text4: `Copy Invitation Code`,
         text5: ` Earnings`,
-        texts5: ` Earnings`,
         text6: `Direct Invitation Earnings`,
         text7: `Indirect Invitation Earnings`,
         text8: `Direct Invitation Earnings Record`,
@@ -109,11 +108,6 @@ langEn = {
                     <div>Top-Up ≥50000</div>
                     <div style="line-height: 0.34rem;">For every 1000 top-up by Indirectly Invited User, You +20 (2.00%)</div>
                 </div>`,
-        text67: `Profit `,
-        img5: `background: url(./images/myInfoBut-en.png) no-repeat;background-size: 100% 100%;`,
-        img6: `background: url(./images/myInfoBut2-en.png) no-repeat;background-size: 100% 100%;`,
-        img7: `background: url(./images/ruleBoxBg-en.png) no-repeat;background-size: 100% 100%;`,
-        img8: `./images/rule_inNew-en.png`,
     },
     share: {
         img1: `background: url(./images/share/header-en.png) no-repeat;background-size: 100% 100%;`,

view/molistar/activity/2024-invitationFission/local/zh.js

@@ -7,12 +7,11 @@ langZh = {
         img3: `./images/rule1_in.png`,
         img4: `./images/rule_2in.png`,
         title: `邀請得金幣`,
-        text1: `每邀請一人得 <b>1000</b>金幣 <img src="./images/gold.png" alt="">`,
+        text1: `每邀請一人得 <b>1000</b> `,
         text2: `我的邀請碼`,
         text3: `分享邀請好友`,
         text4: `複製邀請碼`,
         text5: `我的收益`,
-        texts5: `我的收益`,
         text6: `直接邀請收益`,
         text7: `間接邀請收益`,
         text8: `直接邀請收益記錄`,
@@ -112,11 +111,6 @@ langZh = {
                     <div>儲值≥50000</div>
                     <div style="line-height: 0.34rem;">間接邀請對象每儲值1000，妳+20（2.00%）</div>
                 </div>`,
-        text67: `收益明細`,
-        img5: `background: url(./images/myInfoBut.png) no-repeat;background-size: 100% 100%;`,
-        img6: `background: url(./images/myInfoBut2.png) no-repeat;background-size: 100% 100%;`,
-        img7: `background: url./images/ruleBoxBg.png) no-repeat;background-size: 100% 100%;`,
-        img7: `./images/rule_inNew.png`,
     },
     share: {
         img1: `background: url(./images/share/header.png) no-repeat;background-size: 100% 100%;`,

view/molistar/activity/2024-loginGift/css/index.css

@@ -1,214 +0,0 @@
-html,
-body {
-  width: 100%;
-  background: #E1E7FE;
-}
-
-.back {
-  position: fixed;
-  top: 0.93333rem;
-  left: 0.45333rem;
-  z-index: 99;
-  width: 0.82667rem;
-  height: 0.82667rem;
-}
-
-.back img {
-  width: 100%;
-  height: 100%;
-}
-
-.back p {
-  color: #fff;
-  font-size: 0.42667rem;
-  position: absolute;
-  width: 9rem;
-  left: 0;
-  top: 0;
-  height: 100%;
-  text-align: center;
-  line-height: 0.82667rem;
-}
-
-.header {
-  width: 10rem;
-  height: 11.70667rem;
-  position: relative;
-  margin: 0 auto;
-  background: url(../images/header.png) no-repeat 100% 100%;
-  background-size: 100% 100%;
-}
-
-.header .hader_title {
-  width: 10rem;
-  height: 14rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 0.85333rem;
-}
-
-.box1 {
-  width: 9.90667rem;
-  height: 17.10667rem;
-  background: url(../images/box1.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  margin: -1.2rem auto 0rem;
-}
-
-.box1 .signInIcon {
-  width: 2.05333rem;
-  height: 1.64rem;
-  position: absolute;
-  display: none;
-}
-
-.box1 .signInIcon1 {
-  left: 0.86667rem;
-  bottom: 10.69333rem;
-}
-
-.box1 .signInIcon2 {
-  left: 4.04rem;
-  bottom: 12.42667rem;
-}
-
-.box1 .signInIcon3 {
-  left: 6.93333rem;
-  bottom: 10.69333rem;
-}
-
-.box1 .signInIcon4 {
-  left: 0.93333rem;
-  bottom: 5.93333rem;
-}
-
-.box1 .signInIcon5 {
-  left: 3.92rem;
-  bottom: 8.18667rem;
-}
-
-.box1 .signInIcon6 {
-  left: 7rem;
-  bottom: 5.92rem;
-}
-
-.box1 .signInIcon7 {
-  left: 3.92rem;
-  bottom: 3.52rem;
-}
-
-.box1 .signInIconActive {
-  display: block;
-}
-
-.box1 .butBox {
-  width: 7.6rem;
-  height: 1.33333rem;
-  display: flex;
-  justify-content: space-between;
-  justify-content: center;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.33333rem;
-}
-
-.box1 .butBox img {
-  width: 3.70667rem;
-  display: block;
-}
-
-.box2 {
-  width: 9.77333rem;
-  height: 8.41333rem;
-  display: block;
-  margin: 0 auto;
-}
-
-.box3 {
-  width: 9.77333rem;
-  height: 15.45333rem;
-  display: block;
-  margin: 0 auto;
-}
-
-.box4 {
-  width: 9.77333rem;
-  height: 5.44rem;
-  display: block;
-  margin: 0 auto;
-}
-
-.pub {
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.6);
-  z-index: 999;
-  display: none;
-}
-
-.pub .pub_in {
-  width: 9.88rem;
-  height: 10.82667rem;
-  background: url(../images/bg.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.pub .pub_in .box {
-  width: 7rem;
-  height: 4rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 3.4rem;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-}
-
-.pub .pub_in .box div {
-  width: 1.98667rem;
-  height: 2.26667rem;
-  overflow: hidden;
-  position: relative;
-}
-
-.pub .pub_in .box div img {
-  width: 1.98667rem;
-  height: 1.98667rem;
-  display: block;
-  margin-bottom: 0.15rem;
-}
-
-.pub .pub_in .box div .CHATBUBBLE {
-  width: 2.2rem;
-  height: 0.9rem;
-  margin-top: .7rem;
-}
-
-.pub .pub_in .box div p {
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-size: 0.22667rem;
-  position: absolute;
-  bottom: 0rem;
-}
-
-.pub .pub_in .but {
-  width: 6rem;
-  height: 1rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 2.2rem;
-}

view/molistar/activity/2024-loginGift/css/index.scss

@@ -1,225 +0,0 @@
-@function px2rem($px) {
-    @return $px / 75+rem;
-}
-
-html,
-body {
-    width: 100%;
-    background: #E1E7FE;
-}
-
-.back {
-    position: fixed;
-    top: px2rem(70);
-    left: px2rem(34);
-    z-index: 99;
-    width: px2rem(62);
-    height: px2rem(62);
-
-    img {
-        width: 100%;
-        height: 100%;
-    }
-
-    p {
-        color: #fff;
-        font-size: px2rem(32);
-        position: absolute;
-        width: 9rem;
-        left: 0;
-        top: 0;
-        height: 100%;
-        text-align: center;
-        line-height: px2rem(62);
-    }
-}
-
-.header {
-    width: px2rem(750);
-    height: px2rem(878);
-    position: relative;
-    margin: 0 auto;
-    background: url(../images/header.png) no-repeat 100% 100%;
-    background-size: 100% 100%;
-
-    .hader_title {
-        width: px2rem(750);
-        height: px2rem(1050);
-        position: absolute;
-        left: 50%;
-        transform: translateX(-50%);
-        top: px2rem(64);
-    }
-}
-
-.box1 {
-    width: px2rem(743);
-    height: px2rem(1283);
-    background: url(../images/box1.png) no-repeat;
-    background-size: 100% 100%;
-    position: relative;
-    margin: -1.2rem auto px2rem(0);
-
-    .signInIcon {
-        width: px2rem(154);
-        height: px2rem(123);
-        position: absolute;
-        display: none;
-    }
-
-    .signInIcon1 {
-        left: px2rem(65);
-        bottom: px2rem(802);
-    }
-
-    .signInIcon2 {
-        left: px2rem(303);
-        bottom: px2rem(932);
-    }
-
-    .signInIcon3 {
-        left: px2rem(520);
-        bottom: px2rem(802);
-    }
-
-    .signInIcon4 {
-        left: px2rem(70);
-        bottom: px2rem(445);
-    }
-
-    .signInIcon5 {
-        left: px2rem(294);
-        bottom: px2rem(614);
-    }
-
-    .signInIcon6 {
-        left: px2rem(525);
-        bottom: px2rem(444);
-    }
-
-    .signInIcon7 {
-        left: px2rem(294);
-        bottom: px2rem(264);
-    }
-
-    .signInIconActive {
-        display: block;
-    }
-
-    .butBox {
-        width: px2rem(570);
-        height: px2rem(100);
-        display: flex;
-        justify-content: space-between;
-        justify-content: center;
-        position: absolute;
-        left: 50%;
-        transform: translateX(-50%);
-        bottom: px2rem(100);
-
-        img {
-            width: px2rem(278);
-            display: block;
-        }
-    }
-}
-
-.box2 {
-    width: px2rem(733);
-    height: px2rem(631);
-    display: block;
-    margin: 0 auto;
-}
-
-.box3 {
-    width: px2rem(733);
-    height: px2rem(1159);
-    display: block;
-    margin: 0 auto;
-}
-
-.box4 {
-    width: px2rem(733);
-    height: px2rem(408);
-    display: block;
-    margin: 0 auto;
-}
-
-.pub {
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    background: rgba(0, 0, 0, .6);
-    z-index: 999;
-    display: none;
-
-    .pub_in {
-        width: px2rem(741);
-        height: px2rem(812);
-        background: url(../images/bg.png) no-repeat;
-        background-size: 100% 100%;
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-
-        .box {
-            width: 7rem;
-            height: 4rem;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            bottom: 3.4rem;
-            display: flex;
-            justify-content: space-around;
-            align-items: center;
-
-            div {
-                width: px2rem(149);
-                height: px2rem(170);
-                overflow: hidden;
-                position: relative;
-
-                img {
-                    width: px2rem(149);
-                    height: px2rem(149);
-                    display: block;
-                    // border-radius: 50%;
-                    margin-bottom: 0.15rem;
-                }
-
-                .HEADWEAR {
-                    // width: 2rem;
-                    // height: 1rem;
-                }
-
-                .CHATBUBBLE {
-                    width: 2.2rem;
-                    height: 0.9rem;
-                    margin-top: .7rem;
-                }
-
-                p {
-                    width: 100%;
-                    text-align: center;
-                    color: #fff;
-                    font-size: px2rem(17);
-                    position: absolute;
-                    bottom: 0rem;
-                }
-            }
-        }
-
-
-        .but {
-            width: 6rem;
-            height: 1rem;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            bottom: 2.2rem;
-        }
-    }
-}

view/molistar/activity/2024-loginGift/index.html

@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>百萬福利</title>
-    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/index.css">
-</head>
-
-<body>
-    <!-- 頂部返回 -->
-    <div class="back">
-        <img src="./images/travel/back.png" alt="">
-    </div>
-    <!-- 頭部 -->
-    <div class="header">
-        <img src="./images/hader_title.png" alt="" class="hader_title">
-    </div>
-    <!-- 登入送好禮 -->
-    <div class="box1">
-        <!-- <img src="./images/signInImg.png" alt="" class="signInIcon"> -->
-        <img src="./images/signInOut.png" alt="" class="signInIcon signInIcon1">
-        <img src="./images/signInOut.png" alt="" class="signInIcon signInIcon2">
-        <img src="./images/signInOut.png" alt="" class="signInIcon signInIcon3">
-        <img src="./images/signInOut.png" alt="" class="signInIcon signInIcon4">
-        <img src="./images/signInOut.png" alt="" class="signInIcon signInIcon5">
-        <img src="./images/signInOut.png" alt="" class="signInIcon signInIcon6">
-        <img src="./images/signInOut.png" alt="" class="signInIcon signInIcon7">
-        <div class="butBox">
-            <img src="./images/notSignInR.png" alt="" class="but1">
-            <img src="./images/notSignIn.png" alt="" class="but2">
-        </div>
-    </div>
-    <!-- 瘋狂動物園 -->
-    <img src="./images/box2.png" alt="" class="box2">
-    <!-- 許願之星 -->
-    <img src="./images/box3.png" alt="" class="box3">
-    <!-- 活動說明 -->
-    <img src="./images/box4.png" alt="" class="box4">
-    <!-- 弹窗 -->
-    <div class="pub">
-        <div class="pub_in">
-            <div class="but"></div>
-            <div class="box">
-                <!-- <div>
-                    <img src="http://beta.img.pekolive.com/Fkswg1aPvJj8zruZNd0BHLxtFS4R?imageslim" alt="" class="">
-                    <p>奖励*x天</p>
-                </div>
-                <div>
-                    <img src="http://beta.img.pekolive.com/FldcxQ3WyJ1pcLJlg9McU5TZe1vP?imageslim" alt="" class="CHATBUBBLE">
-                    <p>奖励*x天</p>
-                </div>
-                <div>
-                    <img src="https://image.hfighting.com/69474adc-728a-4ba8-9a2e-da023ccc90d3" alt="" class="">
-                    <p>奖励*x天</p>
-                </div> -->
-            </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"></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="./js/index.js"></script>
-<script src="../../common/local/langHandler.js"></script>

view/molistar/activity/2024-loginGift/js/index.js

@@ -1,175 +0,0 @@
-let urlPrefix = getUrlPrefix()
-let browser = checkVersion()
-let env = EnvCheck();
-if (env == 'test') {
-    new VConsole();
-}
-var langReplace;
-var localLang;
-// 封裝layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
-    layer.open({
-        type: 2,
-        shadeClose: false,
-        content,
-        success(e) {
-            layerIndex = $(e).attr('index')
-        }
-    })
-}
-const hideLoading = (index) => {
-    layer.close(index)
-}
-const toastMsg = (content = '操作完成', time = 2) => {
-    layer.open({
-        content,
-        time,
-        skin: 'msg'
-    })
-}
-// 初始化函數
-$(function () {
-    getInfoFromClient()
-    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
-    setTimeout(function () {
-        // 頁面全屏
-        if (browser.app) {
-            if (browser.android) {
-                window.androidJsObj.initShowNav(false)
-            } else {
-                window.webkit.messageHandlers.initShowNav.postMessage(0)
-            }
-        };
-        // 頂部返回事件
-        $('.back').click(() => {
-            if (browser.android) {
-                window.androidJsObj.closeWebView()
-            } else {
-                window.webkit.messageHandlers.closeWebView.postMessage(null)
-            }
-        })
-        getTask();
-    }, 100)
-})
-// 獲取任務接口
-function getTask() {
-    showLoading()
-    networkRequest({
-        type: 'GEt',
-        url: urlPrefix + '/activity/task/user',
-        data: { componentCode: "DENG_LU_SONG_HAO_LI" },
-        success(res) {
-            if (res.code === 200) {
-                res.data[0].children.forEach((val, i) => {
-                    // 處理icon簽到狀態
-                    if (val.referenceValue) {
-                        $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).addClass('signInIconActive');
-                        $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).attr('src', './images/signInOut.png');
-                    } else {
-                        $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).removeClass('signInIconActive');
-                        if (val.completed) {
-                            $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).addClass('signInIconActive');
-                            $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).attr('src', './images/signInOut.png');
-                        } else {
-                            $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).removeClass('signInIconActive');
-                        }
-                    }
-                    if (res.data[0].children[i].endTime <= res.timestamp && res.data[0].children[i].completed == false) {
-                        $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).attr('src', './images/signInImg.png');
-                        $(`.box1 .signInIcon${res.data[0].children.length - (i)}`).show()
-                    }
-
-                });
-                for (let index = 0; index < res.data[0].children.length; index++) {
-                    if (res.timestamp >= res.data[0].children[index].startTime && res.timestamp <= res.data[0].children[index].endTime) {
-                        // 处理签到icon
-                        if (res.data[0].children[index].completed) {
-                            $('.box1 .butBox .but2').attr('click', '0');
-                            $('.box1 .butBox .but2').attr('src', './images/notSignIn.png');
-                        } else {
-                            $('.box1 .butBox .but2').attr('click', '1');
-                            $('.box1 .butBox .but2').attr('src', './images/signIn.png');
-                        }
-                        hideLoading(layerIndex)
-                        break
-                    } else {
-                        $('.box1 .butBox .but2').attr('click', '0');
-                        $('.box1 .butBox .but2').attr('src', './images/notSignIn.png');
-                    }
-
-                }
-                for (let index = 0; index < res.data[0].children.length; index++) {
-                    // 处理补签icon
-                    if (res.data[0].children[index].endTime <= res.timestamp && res.data[0].children[index].completed == false) {
-                        $('.box1 .butBox .but1').attr('click', '1');
-                        $('.box1 .butBox .but1').attr('src', './images/signInR.png');
-                        break
-                    } else {
-                        $('.box1 .butBox .but1').attr('click', '0');
-                        $('.box1 .butBox .but1').attr('src', './images/notSignInR.png');
-                    }
-                }
-
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error(err) {
-            hideLoading(layerIndex)
-            toastMsg('網絡錯誤，請退出重進')
-        }
-    })
-}
-// 簽到接口
-function signin() {
-    showLoading()
-    networkRequest({
-        type: 'GEt',
-        url: urlPrefix + '/act/signin/click',
-        data: { activityCode: "ACT_2024_SIGN_IN" },
-        success(res) {
-            if (res.code === 200) {
-                toastMsg('簽到成功');
-                var str = '';
-                res.data.forEach(res => {
-                    str += `
-                    <div>
-                        <img src="${res.rewardIcon}" alt="" class="${res.rewardType}">
-                        <p>${res.rewardName}*${res.expireDay}天</p>
-                    </div>
-                    `
-                })
-                $('.pub .pub_in .box').html(str);
-                $('.pub').show();
-                getTask();
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error(err) {
-            hideLoading(layerIndex)
-            toastMsg('網絡錯誤，請退出重進')
-        }
-    })
-}
-// 簽到按鈕
-$('.box1 .butBox .but2').click(function () {
-    var bool = $(this).attr('click') == 1 ? true : false;
-    if (bool) {
-        signin();
-    }
-})
-// 补签按鈕
-$('.box1 .butBox .but1').click(function () {
-    var bool = $(this).attr('click') == 1 ? true : false;
-    if (bool) {
-        toastMsg('任意房間送出【PICK燈牌*1】即可完成補簽');
-    }
-})
-// 关闭弹窗按鈕
-$('.pub .pub_in .but').click(function () {
-    $('.pub').hide();
-})

view/molistar/activity/2024-loginGift/local/ar.js

@@ -1,5 +0,0 @@
-// 阿拉伯
-langAr = {
-    // 模块
-    demoModule: {}
-}

view/molistar/activity/2024-loginGift/local/en.js

@@ -1,5 +0,0 @@
-// 英文
-langEn = {
-    // 模块
-    demoModule: {}
-}

view/molistar/activity/2024-loginGift/local/zh.js

@@ -1,5 +0,0 @@
-// 中文
-langZh = {
-    // 模塊
-    demoModule: {}
-}

view/molistar/activity/act-nameplate/css/index.css

@@ -1,512 +0,0 @@
-@font-face {
-  font-family: 'pingfang-bold';
-  src: url("../../../common/fonts/PingFang Bold.ttf");
-  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
-}
-
-@font-face {
-  font-family: 'pingfang-medium';
-  src: url("../../../common/fonts/PingFang-Medium.ttf");
-  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
-}
-
-.max {
-  width: 10rem;
-  height: 30.84rem;
-  background: url("../images/max.png") no-repeat;
-  background-size: 100% 100%;
-  font-family: 'pingfang-bold';
-}
-
-.max .record {
-  position: absolute;
-  position: absolute;
-  top: 5.9rem;
-  right: 0;
-  width: 1.5rem;
-  height: 1.4rem;
-}
-
-.max .record img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .btn {
-  position: absolute;
-  top: 15.8rem;
-  left: 1.68rem;
-  width: 2.53333rem;
-  height: 1.01333rem;
-}
-
-.max .btn.basics-receive {
-  left: 5.6rem;
-}
-
-.max .btn.advance-send {
-  top: 22.34667rem;
-}
-
-.max .btn.advance-receive {
-  top: 22.34667rem;
-  left: 5.6rem;
-}
-
-.max .btn img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .shade-mask,
-.max .shade-mask-delay,
-.max .shade-mask-new {
-  display: none;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 9;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.4);
-}
-
-.max .shade-mask .shade-content,
-.max .shade-mask .shade-content-delay,
-.max .shade-mask .shade-content-new,
-.max .shade-mask-delay .shade-content,
-.max .shade-mask-delay .shade-content-delay,
-.max .shade-mask-delay .shade-content-new,
-.max .shade-mask-new .shade-content,
-.max .shade-mask-new .shade-content-delay,
-.max .shade-mask-new .shade-content-new {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 9.28rem;
-  height: 8.18667rem;
-  background: url("../images/select-bg.png") no-repeat 0 0/100% 100%;
-}
-
-.max .shade-mask .shade-content .top,
-.max .shade-mask .shade-content-delay .top,
-.max .shade-mask .shade-content-new .top,
-.max .shade-mask-delay .shade-content .top,
-.max .shade-mask-delay .shade-content-delay .top,
-.max .shade-mask-delay .shade-content-new .top,
-.max .shade-mask-new .shade-content .top,
-.max .shade-mask-new .shade-content-delay .top,
-.max .shade-mask-new .shade-content-new .top {
-  position: absolute;
-  top: -0.8rem;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 8.81333rem;
-  height: 1.14667rem;
-  line-height: 1.14667rem;
-  background: url("../images/top-bg.png") no-repeat 0 0/100% 100%;
-  text-align: center;
-  color: #8525C9;
-  font-size: 0.48rem;
-  font-weight: bold;
-}
-
-.max .shade-mask .shade-content ul.select-ul,
-.max .shade-mask .shade-content-delay ul.select-ul,
-.max .shade-mask .shade-content-new ul.select-ul,
-.max .shade-mask-delay .shade-content ul.select-ul,
-.max .shade-mask-delay .shade-content-delay ul.select-ul,
-.max .shade-mask-delay .shade-content-new ul.select-ul,
-.max .shade-mask-new .shade-content ul.select-ul,
-.max .shade-mask-new .shade-content-delay ul.select-ul,
-.max .shade-mask-new .shade-content-new ul.select-ul {
-  white-space: nowrap;
-  width: 8rem;
-  max-height: 5.92rem;
-  margin: 1.94667rem auto 0;
-  text-align: center;
-  overflow-x: auto;
-}
-
-.max .shade-mask .shade-content ul.select-ul li,
-.max .shade-mask .shade-content-delay ul.select-ul li,
-.max .shade-mask .shade-content-new ul.select-ul li,
-.max .shade-mask-delay .shade-content ul.select-ul li,
-.max .shade-mask-delay .shade-content-delay ul.select-ul li,
-.max .shade-mask-delay .shade-content-new ul.select-ul li,
-.max .shade-mask-new .shade-content ul.select-ul li,
-.max .shade-mask-new .shade-content-delay ul.select-ul li,
-.max .shade-mask-new .shade-content-new ul.select-ul li {
-  position: relative;
-  width: 3.46667rem;
-  height: 2.66667rem;
-  background-color: #D575F0;
-  border-radius: 0.26667rem;
-  display: inline-block;
-  margin: 0 0.24rem;
-}
-
-.max .shade-mask .shade-content ul.select-ul li p,
-.max .shade-mask .shade-content-delay ul.select-ul li p,
-.max .shade-mask .shade-content-new ul.select-ul li p,
-.max .shade-mask-delay .shade-content ul.select-ul li p,
-.max .shade-mask-delay .shade-content-delay ul.select-ul li p,
-.max .shade-mask-delay .shade-content-new ul.select-ul li p,
-.max .shade-mask-new .shade-content ul.select-ul li p,
-.max .shade-mask-new .shade-content-delay ul.select-ul li p,
-.max .shade-mask-new .shade-content-new ul.select-ul li p {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 0.45333rem;
-  line-height: 0.45333rem;
-  border-radius: 0.16rem 0.05333rem;
-  background-color: #FF729C;
-  color: white;
-  font-size: 0.24rem;
-  font-weight: bold;
-  padding: 0.02667rem 0.21333rem;
-}
-
-.max .shade-mask .shade-content ul.select-ul li .nameplate,
-.max .shade-mask .shade-content-delay ul.select-ul li .nameplate,
-.max .shade-mask .shade-content-new ul.select-ul li .nameplate,
-.max .shade-mask-delay .shade-content ul.select-ul li .nameplate,
-.max .shade-mask-delay .shade-content-delay ul.select-ul li .nameplate,
-.max .shade-mask-delay .shade-content-new ul.select-ul li .nameplate,
-.max .shade-mask-new .shade-content ul.select-ul li .nameplate,
-.max .shade-mask-new .shade-content-delay ul.select-ul li .nameplate,
-.max .shade-mask-new .shade-content-new ul.select-ul li .nameplate {
-  position: absolute;
-  top: 34%;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 2.74667rem;
-  height: 0.69333rem;
-  text-align: center;
-}
-
-.max .shade-mask .shade-content ul.select-ul li .nameplate img,
-.max .shade-mask .shade-content-delay ul.select-ul li .nameplate img,
-.max .shade-mask .shade-content-new ul.select-ul li .nameplate img,
-.max .shade-mask-delay .shade-content ul.select-ul li .nameplate img,
-.max .shade-mask-delay .shade-content-delay ul.select-ul li .nameplate img,
-.max .shade-mask-delay .shade-content-new ul.select-ul li .nameplate img,
-.max .shade-mask-new .shade-content ul.select-ul li .nameplate img,
-.max .shade-mask-new .shade-content-delay ul.select-ul li .nameplate img,
-.max .shade-mask-new .shade-content-new ul.select-ul li .nameplate img {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 2.74667rem;
-  height: 0.69333rem;
-}
-
-.max .shade-mask .shade-content ul.select-ul li .nameplate span,
-.max .shade-mask .shade-content-delay ul.select-ul li .nameplate span,
-.max .shade-mask .shade-content-new ul.select-ul li .nameplate span,
-.max .shade-mask-delay .shade-content ul.select-ul li .nameplate span,
-.max .shade-mask-delay .shade-content-delay ul.select-ul li .nameplate span,
-.max .shade-mask-delay .shade-content-new ul.select-ul li .nameplate span,
-.max .shade-mask-new .shade-content ul.select-ul li .nameplate span,
-.max .shade-mask-new .shade-content-delay ul.select-ul li .nameplate span,
-.max .shade-mask-new .shade-content-new ul.select-ul li .nameplate span {
-  position: absolute;
-  top: 0.21333rem;
-  left: 1.06667rem;
-  color: white;
-}
-
-.max .shade-mask .shade-content ul.select-ul li .delay-btn,
-.max .shade-mask .shade-content-delay ul.select-ul li .delay-btn,
-.max .shade-mask .shade-content-new ul.select-ul li .delay-btn,
-.max .shade-mask-delay .shade-content ul.select-ul li .delay-btn,
-.max .shade-mask-delay .shade-content-delay ul.select-ul li .delay-btn,
-.max .shade-mask-delay .shade-content-new ul.select-ul li .delay-btn,
-.max .shade-mask-new .shade-content ul.select-ul li .delay-btn,
-.max .shade-mask-new .shade-content-delay ul.select-ul li .delay-btn,
-.max .shade-mask-new .shade-content-new ul.select-ul li .delay-btn {
-  position: absolute;
-  left: -0.05333rem;
-  bottom: -0.05333rem;
-  width: 3.6rem;
-  height: 0.8rem;
-}
-
-.max .shade-mask .shade-content ul.select-ul li .delay-btn img,
-.max .shade-mask .shade-content-delay ul.select-ul li .delay-btn img,
-.max .shade-mask .shade-content-new ul.select-ul li .delay-btn img,
-.max .shade-mask-delay .shade-content ul.select-ul li .delay-btn img,
-.max .shade-mask-delay .shade-content-delay ul.select-ul li .delay-btn img,
-.max .shade-mask-delay .shade-content-new ul.select-ul li .delay-btn img,
-.max .shade-mask-new .shade-content ul.select-ul li .delay-btn img,
-.max .shade-mask-new .shade-content-delay ul.select-ul li .delay-btn img,
-.max .shade-mask-new .shade-content-new ul.select-ul li .delay-btn img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .shade-mask .shade-content .apply-btn,
-.max .shade-mask .shade-content-delay .apply-btn,
-.max .shade-mask .shade-content-new .apply-btn,
-.max .shade-mask-delay .shade-content .apply-btn,
-.max .shade-mask-delay .shade-content-delay .apply-btn,
-.max .shade-mask-delay .shade-content-new .apply-btn,
-.max .shade-mask-new .shade-content .apply-btn,
-.max .shade-mask-new .shade-content-delay .apply-btn,
-.max .shade-mask-new .shade-content-new .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
-  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
-  margin: 0.64rem auto 0;
-}
-
-.max .shade-mask .shade-content .close,
-.max .shade-mask .shade-content-delay .close,
-.max .shade-mask .shade-content-new .close,
-.max .shade-mask-delay .shade-content .close,
-.max .shade-mask-delay .shade-content-delay .close,
-.max .shade-mask-delay .shade-content-new .close,
-.max .shade-mask-new .shade-content .close,
-.max .shade-mask-new .shade-content-delay .close,
-.max .shade-mask-new .shade-content-new .close {
-  position: absolute;
-  bottom: -1.33333rem;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 1.33333rem;
-  height: 1.33333rem;
-}
-
-.max .shade-mask .shade-content .close img,
-.max .shade-mask .shade-content-delay .close img,
-.max .shade-mask .shade-content-new .close img,
-.max .shade-mask-delay .shade-content .close img,
-.max .shade-mask-delay .shade-content-delay .close img,
-.max .shade-mask-delay .shade-content-new .close img,
-.max .shade-mask-new .shade-content .close img,
-.max .shade-mask-new .shade-content-delay .close img,
-.max .shade-mask-new .shade-content-new .close img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .shade-mask-delay .shade-content-delay {
-  color: #AD0ED8;
-  font-size: 0.4rem;
-}
-
-.max .shade-mask-delay .shade-content-delay .nameplate-style {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 2rem 0 0;
-}
-
-.max .shade-mask-delay .shade-content-delay .nameplate-style div {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 4.8rem;
-  height: 1.01333rem;
-  background: #D575F0;
-  border-radius: 0.26667rem;
-  position: relative;
-}
-
-.max .shade-mask-delay .shade-content-delay .nameplate-style div p {
-  width: 2.74667rem;
-  height: 0.68rem;
-  text-align: center;
-}
-
-.max .shade-mask-delay .shade-content-delay .nameplate-style div p img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .shade-mask-delay .shade-content-delay .nameplate-style div p span {
-  position: relative;
-  top: -0.56rem;
-  left: 0.32rem;
-  color: white;
-  font-size: 0.32rem;
-}
-
-.max .shade-mask-delay .shade-content-delay .delay-time {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: -0.48rem;
-  margin-top: 0.64rem;
-}
-
-.max .shade-mask-delay .shade-content-delay .delay-time div {
-  display: flex;
-}
-
-.max .shade-mask-delay .shade-content-delay .delay-time div .decrease,
-.max .shade-mask-delay .shade-content-delay .delay-time div .increase {
-  width: 0.8rem;
-  height: 0.8rem;
-}
-
-.max .shade-mask-delay .shade-content-delay .delay-time div p {
-  width: 2.13333rem;
-  height: 0.8rem;
-  line-height: 0.8rem;
-  background: #D575F0;
-  border-radius: 0.4rem;
-  margin: 0 0.26667rem;
-  text-align: center;
-  color: white;
-  font-size: 0.48rem;
-  font-weight: bold;
-}
-
-.max .shade-mask-delay .shade-content-delay .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
-  background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
-  margin: 0.85333rem auto 0;
-}
-
-.max .shade-mask-new .shade-content-new {
-  height: 10.98667rem;
-  background-image: url("../images/new-bg.png");
-  color: #AD0ED8;
-  font-size: 0.4rem;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style {
-  display: flex;
-  justify-content: center;
-  margin: 1.68rem 0 0;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style span {
-  margin-top: 0.26667rem;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul {
-  max-height: 3.68rem;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li {
-  width: 4.8rem;
-  height: 1.01333rem;
-  background: #D575F0;
-  border-radius: 0.26667rem;
-  margin-bottom: 0.13333rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 0.04rem solid transparent;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li.active {
-  border: 0.04rem solid #9842F3;
-  background: #EEAFFF;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li div {
-  width: 2.74667rem;
-  height: 0.68rem;
-  text-align: center;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li div img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li div span.nameplate-desc {
-  position: relative;
-  top: -0.56rem;
-  left: 0.32rem;
-  color: white;
-  font-size: 0.32rem;
-}
-
-.max .shade-mask-new .shade-content-new .new-nameplate-desc-wrap {
-  display: flex;
-  justify-content: center;
-  margin: 0.66667rem auto;
-}
-
-.max .shade-mask-new .shade-content-new .new-nameplate-desc-wrap input {
-  width: 4.8rem;
-  background: #E37CFF;
-  outline: none;
-  border-bottom: 0.02667rem solid #D575F0;
-  caret-color: #D9B8F4;
-  color: white;
-  font-size: 0.34667rem;
-  padding-bottom: 0.05333rem;
-}
-
-.max .shade-mask-new .shade-content-new .new-nameplate-desc-wrap input::placeholder {
-  color: white;
-}
-
-.max .shade-mask-new .shade-content-new .delay-time {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-left: -0.48rem;
-}
-
-.max .shade-mask-new .shade-content-new .delay-time div {
-  display: flex;
-}
-
-.max .shade-mask-new .shade-content-new .delay-time div .decrease,
-.max .shade-mask-new .shade-content-new .delay-time div .increase {
-  width: 0.8rem;
-  height: 0.8rem;
-}
-
-.max .shade-mask-new .shade-content-new .delay-time div p {
-  width: 2.13333rem;
-  height: 0.8rem;
-  line-height: 0.8rem;
-  background: #D575F0;
-  border-radius: 0.4rem;
-  margin: 0 0.26667rem;
-  text-align: center;
-  color: white;
-  font-size: 0.48rem;
-  font-weight: bold;
-}
-
-.max .shade-mask-new .shade-content-new .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
-  background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
-  margin: 0.61333rem auto 0;
-}
-
-.max .godiamond,
-.max .gocrystal {
-  position: fixed;
-  width: 2.26667rem;
-  height: 2.24rem;
-  top: 8rem;
-  right: 0.24rem;
-  background: url("../images/godiamond.png") no-repeat;
-  background-size: cover;
-}
-
-.max .gocrystal {
-  top: 10.66667rem;
-  background: url("../images/gocrystal.png") no-repeat;
-  background-size: cover;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}

view/molistar/activity/act-nameplate/css/index.scss

@@ -1,428 +0,0 @@
-@function px2rem($px) {
-  @return $px / 75+rem;
-}
-
-@font-face {
-  font-family: 'pingfang-bold';
-  src: url('../../../common/fonts/PingFang\ Bold.ttf');
-  src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
-    url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
-    url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
-}
-
-@font-face {
-  font-family: 'pingfang-medium';
-  src: url('../../../common/fonts/PingFang-Medium.ttf');
-  src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
-    url('../../../common/fonts/PingFang-Medium.ttf') format('truetype'),
-    url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
-}
-
-// @import '../../../common/css/flex.scss';
-.max {
-  width: px2rem(750);
-  height: px2rem(2313);
-  background: url('../images/max.png') no-repeat;
-  background-size: 100% 100%;
-  font-family: 'pingfang-bold';
-
-  .record {
-    position: absolute;
-    position: absolute;
-    top: 5.9rem;
-    right: 0;
-    width: 1.5rem;
-    height: 1.4rem;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .btn {
-    position: absolute;
-    top: 15.8rem;
-    left: px2rem(126);
-    width: px2rem(190);
-    height: px2rem(76);
-
-    &.basics-receive {
-      left: 5.6rem;
-    }
-
-    &.advance-send {
-      top: 22.34667rem;
-    }
-
-    &.advance-receive {
-      top: 22.34667rem;
-      left: 5.6rem;
-    }
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .shade-mask,
-  .shade-mask-delay,
-  .shade-mask-new {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 9;
-    width: 100vw;
-    height: 100vh;
-    background-color: rgba($color: #000000, $alpha: .4);
-
-    .shade-content,
-    .shade-content-delay,
-    .shade-content-new {
-      position: absolute;
-      // top: px2rem(180);
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: px2rem(696);
-      height: px2rem(614);
-      background: url('../images/select-bg.png') no-repeat 0 0/100% 100%;
-
-      // background-color: #FFF1F5;
-      // border-radius: 0 0 px2rem(24) px2rem(24);
-      .top {
-        position: absolute;
-        top: px2rem(-60);
-        left: 50%;
-        transform: translateX(-50%);
-        width: px2rem(661);
-        height: px2rem(86);
-        line-height: px2rem(86);
-        background: url('../images/top-bg.png') no-repeat 0 0/100% 100%;
-        text-align: center;
-        color: #8525C9;
-        font-size: px2rem(36);
-        font-weight: bold;
-      }
-
-      ul.select-ul {
-        white-space: nowrap;
-        width: px2rem(600);
-        max-height: px2rem(444);
-        margin: px2rem(146) auto 0;
-        text-align: center;
-        overflow-x: auto;
-
-        li {
-          position: relative;
-          width: px2rem(260);
-          height: px2rem(200);
-          background-color: #D575F0;
-          border-radius: px2rem(20);
-          display: inline-block;
-          margin: 0 px2rem(18);
-
-          p {
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: px2rem(34);
-            line-height: px2rem(34);
-            border-radius: px2rem(12) px2rem(4);
-            background-color: #FF729C;
-            color: white;
-            font-size: px2rem(18);
-            font-weight: bold;
-            padding: px2rem(2) px2rem(16);
-          }
-
-          .nameplate {
-            position: absolute;
-            top: 34%;
-            left: 50%;
-            transform: translateX(-50%);
-            width: px2rem(206);
-            height: px2rem(52);
-            text-align: center;
-
-            img {
-              position: absolute;
-              top: 50%;
-              left: 50%;
-              transform: translate(-50%, -50%);
-              width: px2rem(206);
-              height: px2rem(52);
-            }
-
-            span {
-              position: absolute;
-              top: px2rem(16);
-              left: px2rem(80);
-              color: white;
-            }
-
-          }
-
-          .delay-btn {
-            position: absolute;
-            left: px2rem(-4);
-            bottom: px2rem(-4);
-            width: px2rem(270);
-            height: px2rem(60);
-
-            img {
-              width: 100%;
-              height: 100%;
-            }
-          }
-        }
-      }
-
-      .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
-        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
-        margin: px2rem(48) auto 0;
-      }
-
-      .close {
-        position: absolute;
-        bottom: px2rem(-100);
-        left: 50%;
-        transform: translateX(-50%);
-        width: px2rem(100);
-        height: px2rem(100);
-
-        img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-  }
-
-  .shade-mask-delay {
-    .shade-content-delay {
-      color: #AD0ED8;
-      font-size: px2rem(30);
-
-      .nameplate-style {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin: px2rem(150) 0 0;
-
-        div {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          width: px2rem(360);
-          height: px2rem(76);
-          background: #D575F0;
-          border-radius: px2rem(20);
-          position: relative;
-
-          p {
-            width: px2rem(206);
-            height: px2rem(51);
-            text-align: center;
-
-            img {
-              width: 100%;
-              height: 100%;
-            }
-
-            span {
-              position: relative;
-              top: px2rem(-42);
-              left: px2rem(24);
-              color: white;
-              font-size: px2rem(24);
-            }
-          }
-        }
-      }
-
-      .delay-time {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: px2rem(-36);
-        margin-top: px2rem(48);
-
-        div {
-          display: flex;
-
-          .decrease,
-          .increase {
-            width: px2rem(60);
-            height: px2rem(60);
-          }
-
-          p {
-            width: px2rem(160);
-            height: px2rem(60);
-            line-height: px2rem(60);
-            background: #D575F0;
-            border-radius: px2rem(30);
-            margin: 0 px2rem(20);
-            text-align: center;
-            color: white;
-            font-size: px2rem(36);
-            font-weight: bold;
-          }
-        }
-      }
-
-      .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
-        background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
-        margin: px2rem(64) auto 0;
-      }
-    }
-  }
-
-  .shade-mask-new {
-    .shade-content-new {
-      height: px2rem(824);
-      background-image: url('../images/new-bg.png');
-      color: #AD0ED8;
-      font-size: px2rem(30);
-
-      .nameplate-style {
-        display: flex;
-        justify-content: center;
-        // padding: 0 px2rem(40);
-        margin: px2rem(126) 0 0;
-
-        span {
-          margin-top: px2rem(20);
-        }
-
-        ul.apply-new-ul {
-          max-height: px2rem(276);
-          overflow-y: auto;
-          overflow-x: hidden;
-
-          li {
-            width: px2rem(360);
-            height: px2rem(76);
-            background: #D575F0;
-            border-radius: px2rem(20);
-            margin-bottom: px2rem(10);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            border: px2rem(3) solid transparent;
-
-            &.active {
-              border: px2rem(3) solid #9842F3;
-              background: #EEAFFF;
-            }
-
-            div {
-              width: px2rem(206);
-              height: px2rem(51);
-              text-align: center;
-
-              img {
-                width: 100%;
-                height: 100%;
-              }
-
-              span.nameplate-desc {
-                position: relative;
-                top: px2rem(-42);
-                left: px2rem(24);
-                color: white;
-                font-size: px2rem(24);
-              }
-            }
-          }
-        }
-      }
-
-      .new-nameplate-desc-wrap {
-        display: flex;
-        justify-content: center;
-        margin: px2rem(50) auto;
-
-        input {
-          width: px2rem(360);
-          background: #E37CFF;
-          outline: none;
-          border-bottom: px2rem(2) solid #D575F0;
-          caret-color: #D9B8F4;
-          color: white;
-          font-size: px2rem(26);
-          padding-bottom: px2rem(4);
-
-          &::placeholder {
-            color: white;
-          }
-        }
-      }
-
-      .delay-time {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin-left: px2rem(-36);
-
-        div {
-          display: flex;
-
-          .decrease,
-          .increase {
-            width: px2rem(60);
-            height: px2rem(60);
-          }
-
-          p {
-            width: px2rem(160);
-            height: px2rem(60);
-            line-height: px2rem(60);
-            background: #D575F0;
-            border-radius: px2rem(30);
-            margin: 0 px2rem(20);
-            text-align: center;
-            color: white;
-            font-size: px2rem(36);
-            font-weight: bold;
-          }
-        }
-      }
-
-      .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
-        background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
-        margin: px2rem(46) auto 0;
-      }
-    }
-  }
-
-  .godiamond,
-  .gocrystal {
-    position: fixed;
-    width: px2rem(170);
-    height: px2rem(168);
-    top: px2rem(600);
-    right: px2rem(18);
-    background: url('../images/godiamond.png') no-repeat;
-    background-size: cover;
-  }
-
-  .gocrystal {
-    top: px2rem(800);
-    background: url('../images/gocrystal.png') no-repeat;
-    background-size: cover;
-  }
-}
-
-::-webkit-scrollbar {
-  display: none;
-}

view/molistar/activity/act-nameplate/css/nobleHighRank.css

@@ -1,261 +0,0 @@
-body,
-html {
-  width: 100%;
-  background: #201009;
-  overflow-x: hidden;
-}
-
-.header {
-  width: 10rem;
-  height: 11.37333rem;
-  background: url(../images/noble/header.png) no-repeat;
-  background-size: 100% 100%;
-  margin: 0 auto;
-  position: relative;
-}
-
-.header .applicationRecord {
-  width: 0.74667rem;
-  height: 2.13333rem;
-  background: url(../images/noble/applicationRecord.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  right: 0;
-  top: 2.81333rem;
-}
-
-.header .applicationRecord a {
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-.header .content {
-  width: 8.8rem;
-  height: 1.86667rem;
-  background: linear-gradient(0deg, #EEB380 15%, #FBE3C7 93%);
-  border-radius: 0.10667rem;
-  position: absolute;
-  left: 50%;
-  top: 6.96rem;
-  transform: translateX(-50%);
-  text-align: center;
-}
-
-.header .content b {
-  color: #5C3009;
-  font-weight: bold;
-  margin: 0.45333rem 0 0.25333rem;
-  font-size: 0.4rem;
-  display: block;
-}
-
-.header .content p {
-  color: #5C3009;
-  font-size: 0.37333rem;
-}
-
-.list {
-  width: 8.8rem;
-  margin: -2rem auto 0;
-  position: relative;
-  z-index: 2;
-}
-
-.list li {
-  width: 8.8rem;
-  height: 7.29333rem;
-  margin-bottom: 1.08rem;
-  position: relative;
-}
-
-.list li img {
-  width: 3.92rem;
-  height: 1.05333rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 2.29333rem;
-}
-
-.list li .input_box {
-  width: 6.13333rem;
-  height: 0.85333rem;
-  line-height: 0.85333rem;
-  display: flex;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 2.05333rem;
-}
-
-.list li .input_box span {
-  flex: 1;
-  color: #fff;
-  font-size: 0.34667rem;
-}
-
-.list li .input_box input {
-  background: #58504B;
-  border-radius: 0.10667rem;
-  padding: 0rem 0.13333rem;
-  box-sizing: border-box;
-  width: 4.26667rem;
-  height: 0.85333rem;
-  color: #fff;
-  font-size: 0.34667rem;
-}
-
-.list li .but {
-  width: 4.4rem;
-  height: 0.96rem;
-  background: linear-gradient(0deg, #504C47 0%, #847A72 100%);
-  border-radius: 0.96rem;
-  line-height: 0.96rem;
-  text-align: center;
-  color: #D3CBC3;
-  font-size: 0.4rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.62667rem;
-}
-
-.list li .but_active {
-  background: linear-gradient(0deg, #EDB17C 0%, #FCE7CE 100%);
-  color: #5C3009;
-}
-
-.list li:nth-child(1) {
-  background: url(../images/noble/g_bg.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.list li:nth-child(2) {
-  background: url(../images/noble/q_bg.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.list li:nth-child(3) {
-  background: url(../images/noble/d_bg.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.list li:nth-child(4) {
-  background: url(../images/noble/s_bg.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-input {
-  background: none;
-  outline: none;
-  border: none;
-}
-
-input::-webkit-input-placeholder {
-  color: #9B928D;
-  font-size: 0.34667rem;
-}
-
-@font-face {
-  font-family: 'pingfang-bold';
-  src: url("../../../common/fonts/PingFang Bold.ttf");
-  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
-}
-
-@font-face {
-  font-family: 'pingfang-medium';
-  src: url("../../../common/fonts/PingFang-Medium.ttf");
-  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
-}
-
-.max {
-  font-family: 'pingfang-medium';
-  padding: 0.4rem 0.4rem;
-  overflow-y: auto;
-}
-
-.max li {
-  display: flex;
-  align-items: center;
-  padding: 0.4rem 0.26667rem;
-  background: #2E2B2A;
-  margin-bottom: 0.32rem;
-  border-radius: 0.4rem;
-}
-
-.max li .nameplate-style {
-  width: 3.57333rem;
-  height: 1.28rem;
-  background: url(../images/noble/minpai_bg.png) no-repeat;
-  background-size: 100% 100%;
-  border-radius: 0.13333rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.max li .nameplate-style img {
-  width: 3.04rem;
-  height: 0.8rem;
-}
-
-.max li .nameplate-desc-wrap {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  margin-left: 0.10667rem;
-}
-
-.max li .nameplate-desc-wrap .nameplate-desc {
-  font-size: 0.4rem;
-  color: #FFFFFF;
-  margin-bottom: 0.05333rem;
-  margin-bottom: 0.21333rem;
-}
-
-.max li .nameplate-desc-wrap p span {
-  font-size: 0.26667rem;
-  color: #999999;
-}
-
-.max li .isPass {
-  width: 2.66667rem;
-  text-align: right;
-}
-
-.max li .isPass p {
-  font-family: 'pingfang-bold';
-  font-size: 0.4rem;
-  font-weight: bold;
-  color: #999;
-}
-
-.max li .isPass p.not-pass {
-  color: #FB486A;
-}
-
-.max li .isPass .result {
-  font-size: 0.26667rem;
-  color: #999999;
-  margin-top: 0.2rem;
-}
-
-.no-record-wrap {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-}
-
-.no-record-wrap img {
-  width: 4.98667rem;
-  height: 5.2rem;
-  margin-bottom: -1.33333rem;
-}
-
-.no-record-wrap span {
-  color: #666;
-  font-size: 0.42667rem;
-}

view/molistar/activity/act-nameplate/css/nobleHighRank.scss

@@ -1,272 +0,0 @@
-@function px2rem($px, $rem:75) {
-    @return $px / $rem+rem;
-}
-
-body,
-html {
-    width: 100%;
-    background: #201009;
-    overflow-x: hidden;
-}
-
-.header {
-    width: px2rem(750, );
-    height: px2rem(853, );
-    background: url(../images/noble/header.png) no-repeat;
-    background-size: 100% 100%;
-    margin: 0 auto;
-    position: relative;
-
-    .applicationRecord {
-        width: px2rem(56, );
-        height: px2rem(160, );
-        background: url(../images/noble/applicationRecord.png) no-repeat;
-        background-size: 100% 100%;
-        position: absolute;
-        right: 0;
-        top: px2rem(211, );
-
-        a {
-            width: 100%;
-            height: 100%;
-            display: block;
-        }
-    }
-
-    .content {
-        width: px2rem(660, );
-        height: px2rem(140, );
-        background: linear-gradient(0deg, #EEB380 15%, #FBE3C7 93%);
-        border-radius: px2rem(8, );
-        position: absolute;
-        left: 50%;
-        top: px2rem(522, );
-        transform: translateX(-50%);
-        text-align: center;
-
-        b {
-            color: #5C3009;
-            font-weight: bold;
-            margin: px2rem(34, ) 0 px2rem(19, );
-            font-size: px2rem(30, );
-            display: block;
-        }
-
-        p {
-            color: #5C3009;
-            font-size: px2rem(28, );
-        }
-    }
-}
-
-.list {
-    width: px2rem(660, );
-    margin: -2rem auto 0;
-    position: relative;
-    z-index: 2;
-
-    li {
-        width: px2rem(660, );
-        height: px2rem(547, );
-        margin-bottom: px2rem(81, );
-        position: relative;
-
-        img {
-            width: px2rem(294, );
-            height: px2rem(79, );
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            top: px2rem(172, );
-        }
-
-        .input_box {
-            width: px2rem(460, );
-            height: px2rem(64, );
-            line-height: px2rem(64, );
-            display: flex;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            bottom: px2rem(154, );
-
-            span {
-                flex: 1;
-                color: #fff;
-                font-size: px2rem(26, );
-            }
-
-            input {
-                background: #58504B;
-                border-radius: px2rem(8, );
-                padding: px2rem(0, ) px2rem(10, );
-                box-sizing: border-box;
-                width: px2rem(320, );
-                height: px2rem(64, );
-                color: #fff;
-                font-size: px2rem(26, );
-            }
-        }
-
-        .but {
-            width: px2rem(330, );
-            height: px2rem(72, );
-            background: linear-gradient(0deg, #504C47 0%, #847A72 100%);
-            border-radius: px2rem(72, );
-            line-height: px2rem(72, );
-            text-align: center;
-            color: #D3CBC3;
-            font-size: px2rem(30, );
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            bottom: px2rem(47, );
-        }
-
-        .but_active {
-            background: linear-gradient(0deg, #EDB17C 0%, #FCE7CE 100%);
-            color: #5C3009;
-        }
-    }
-
-    li:nth-child(1) {
-        background: url(../images/noble/g_bg.png) no-repeat;
-        background-size: 100% 100%;
-    }
-
-    li:nth-child(2) {
-        background: url(../images/noble/q_bg.png) no-repeat;
-        background-size: 100% 100%;
-    }
-
-    li:nth-child(3) {
-        background: url(../images/noble/d_bg.png) no-repeat;
-        background-size: 100% 100%;
-    }
-
-    li:nth-child(4) {
-        background: url(../images/noble/s_bg.png) no-repeat;
-        background-size: 100% 100%;
-    }
-}
-
-input {
-    background: none;
-    outline: none;
-    border: none;
-}
-
-input::-webkit-input-placeholder {
-    color: #9B928D;
-    font-size: px2rem(26, );
-}
-
-// ==================================================================申请记录==========================================================
-@font-face {
-    font-family: 'pingfang-bold';
-    src: url('../../../common/fonts/PingFang\ Bold.ttf');
-    src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
-        url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
-        url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
-}
-
-@font-face {
-    font-family: 'pingfang-medium';
-    src: url('../../../common/fonts/PingFang-Medium.ttf');
-    src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
-        url('../../../common/fonts/PingFang-Medium.ttf') format('truetype'),
-        url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
-}
-
-.max {
-    font-family: 'pingfang-medium';
-    padding: px2rem(30, ) px2rem(30);
-    overflow-y: auto;
-
-    li {
-        display: flex;
-        align-items: center;
-        padding: px2rem(30) px2rem(20, );
-        background: #2E2B2A;
-        margin-bottom: px2rem(24, );
-        border-radius: px2rem(30, );
-
-        .nameplate-style {
-            width: px2rem(268);
-            height: px2rem(96);
-            background: url(../images/noble/minpai_bg.png) no-repeat;
-            background-size: 100% 100%;
-            border-radius: px2rem(10);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-
-            img {
-                width: px2rem(228);
-                height: px2rem(60);
-            }
-        }
-
-        .nameplate-desc-wrap {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            margin-left: px2rem(8);
-
-            .nameplate-desc {
-                font-size: px2rem(30);
-                color: #FFFFFF;
-                margin-bottom: px2rem(4);
-                margin-bottom: px2rem(16, );
-            }
-
-            p {
-                span {
-                    font-size: px2rem(20);
-                    color: #999999;
-                }
-            }
-        }
-
-        .isPass {
-            width: px2rem(200);
-            text-align: right;
-
-            p {
-                font-family: 'pingfang-bold';
-                font-size: px2rem(30);
-                font-weight: bold;
-                color: #999;
-
-                &.not-pass {
-                    color: #FB486A;
-                }
-            }
-
-            .result {
-                font-size: px2rem(20);
-                color: #999999;
-                margin-top: px2rem(15);
-            }
-        }
-    }
-}
-
-.no-record-wrap {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-
-    img {
-        width: px2rem(374);
-        height: px2rem(390);
-        margin-bottom: px2rem(-100);
-    }
-
-    span {
-        color: #666;
-        font-size: px2rem(32);
-    }
-}

view/molistar/activity/act-nameplate/css/record.css

@@ -1,99 +0,0 @@
-@font-face {
-  font-family: 'pingfang-bold';
-  src: url("../../../common/fonts/PingFang Bold.ttf");
-  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
-}
-
-@font-face {
-  font-family: 'pingfang-medium';
-  src: url("../../../common/fonts/PingFang-Medium.ttf");
-  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
-}
-
-.max {
-  font-family: 'pingfang-medium';
-  padding: 0 0.4rem;
-  height: 100vh;
-  overflow-y: auto;
-}
-
-.max li {
-  display: flex;
-  align-items: center;
-  border-bottom: 0.01333rem solid #F2E7FF;
-  padding: 0.4rem 0;
-}
-
-.max li .nameplate-style {
-  width: 2.93333rem;
-  height: 0.88rem;
-  background-color: #F2E7FF;
-  border-radius: 0.13333rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.max li .nameplate-style img {
-  width: 2.74667rem;
-  height: 0.68rem;
-}
-
-.max li .nameplate-desc-wrap {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  margin-left: 0.10667rem;
-}
-
-.max li .nameplate-desc-wrap .nameplate-desc {
-  font-size: 0.4rem;
-  color: #333333;
-  margin-bottom: 0.05333rem;
-}
-
-.max li .nameplate-desc-wrap p span {
-  font-size: 0.26667rem;
-  color: #999999;
-}
-
-.max li .isPass {
-  width: 2.66667rem;
-  text-align: right;
-}
-
-.max li .isPass p {
-  font-family: 'pingfang-bold';
-  font-size: 0.4rem;
-  font-weight: bold;
-  color: #9842F3;
-}
-
-.max li .isPass p.not-pass {
-  color: #E84C46;
-}
-
-.max li .isPass .result {
-  font-size: 0.26667rem;
-  color: #999999;
-  margin-top: 0.10667rem;
-}
-
-.no-record-wrap {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-}
-
-.no-record-wrap img {
-  width: 4.98667rem;
-  height: 5.2rem;
-  margin-bottom: -1.33333rem;
-}
-
-.no-record-wrap span {
-  color: #666;
-  font-size: 0.42667rem;
-}

view/molistar/activity/act-nameplate/css/record.scss

@@ -1,96 +0,0 @@
-@function px2rem($px, $rem:75) {
-    @return $px / $rem+rem;
-}
-  
-@font-face{
-font-family: 'pingfang-bold';
-src: url('../../../common/fonts/PingFang\ Bold.ttf');
-src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
-    url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
-    url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
-}
-
-@font-face{
-font-family: 'pingfang-medium';
-src: url('../../../common/fonts/PingFang-Medium.ttf');
-src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
-    url('../../../common/fonts/PingFang-Medium.ttf') format('truetype'),
-    url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
-}
-
-.max{
-    font-family: 'pingfang-medium';
-    padding: 0 px2rem(30);
-    height: 100vh;
-    overflow-y: auto;
-    li{
-        display: flex;
-        align-items: center;
-        border-bottom: px2rem(1) solid #F2E7FF;
-        padding: px2rem(30) 0;
-        .nameplate-style{
-            width: px2rem(220);
-            height: px2rem(66);
-            background-color: #F2E7FF;
-            border-radius: px2rem(10);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            img{
-                width: px2rem(206);
-                height: px2rem(51);
-            }
-        }
-        .nameplate-desc-wrap{
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            margin-left: px2rem(8);
-            .nameplate-desc{
-                font-size: px2rem(30);
-                color: #333333;
-                margin-bottom: px2rem(4);
-            }
-            p{
-                span{
-                    font-size: px2rem(20);
-                    color: #999999;
-                }
-            }
-        }
-        .isPass{
-            width: px2rem(200);
-            text-align: right;
-            p{
-                font-family: 'pingfang-bold';
-                font-size: px2rem(30);
-                font-weight: bold;
-                color: #9842F3;
-                &.not-pass{
-                    color: #E84C46;
-                }
-            }
-            .result{
-                font-size: px2rem(20);
-                color: #999999;
-                margin-top: px2rem(8);
-            }
-        }
-    }
-}
-.no-record-wrap{
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    img{
-        width: px2rem(374);
-        height: px2rem(390);
-        margin-bottom: px2rem(-100);
-    }
-    span{
-        color: #666;
-        font-size: px2rem(32);
-    }
-}

view/molistar/activity/act-nameplate/index.html

@@ -1,120 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<script>
-  var _hmt = _hmt || [];
-  (function () {
-    var hm = document.createElement("script");
-    hm.src = "https://hm.baidu.com/hm.js?cfa5923c8195139cef029b2f20be2aba";
-    var s = document.getElementsByTagName("script")[0];
-    s.parentNode.insertBefore(hm, s);
-  })();
-</script>
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport"
-    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="viewport"
-    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
-  <title>精美铭牌送不停</title>
-
-  <link rel="stylesheet" href="../../common/css/reset.css">
-  <link rel="stylesheet" href="./css/index.css?v=10">
-
-  <script src="../../common/js/flexible.js"></script>
-</head>
-
-<body>
-  <div class="max">
-    <div class="record">
-      <!-- <img src="./images/record.png" alt=""> -->
-    </div>
-    
-    <div class="btn basics-send"><img src="./images/disabled-btn.png" alt=""></div>
-    <div class="btn basics-receive"><img src="./images/disabled-btn.png" alt=""></div>
-    <div class="btn advance-send"><img src="./images/disabled-btn.png" alt=""></div>
-    <div class="btn advance-receive"><img src="./images/disabled-btn.png" alt=""></div>
-
-    <!-- 选择弹窗 -->
-    <div class="shade-mask">
-      <div class="shade-content">
-        <!-- <div class="top">请选择</div> -->
-        <ul class="select-ul">
-          <!-- <li data-apply-day="70" data-nameplate-id="159" data-type="1">
-            <p>剩余7天</p>
-            <div class="nameplate">
-              <img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
-              <span>piko看看</span>
-            </div>
-            <div class="delay-btn">
-              <img src="./images/delay-btn.png" alt="">
-            </div>
-          </li> -->
-        </ul>
-        <div class="apply-btn"></div>
-        <div class="close"><img src="./images/close.png" alt=""></div>
-      </div>
-    </div>
-
-    <!-- 延期弹窗 -->
-    <div class="shade-mask-delay">
-      <div class="shade-content-delay">
-        <!-- <div class="top">延期期限</div> -->
-        <div class="nameplate-style">
-          <span>铭牌样式：</span>
-          <div>
-            <p>
-              <img alt="">
-              <span></span>
-            </p>
-          </div>
-        </div>
-        <div class="delay-time">
-            <span>申请时长：</span>
-            <div>
-              <img src="./images/decrease.png" alt="" class="decrease">
-              <p><span></span>天</p>
-              <img src="./images/increase.png" alt="" class="increase">
-            </div>
-        </div>
-        <div class="apply-btn"></div>
-        <div class="close"><img src="./images/close.png" alt=""></div>
-      </div>
-    </div>
-
-    <!-- 申请新铭牌弹窗 -->
-    <div class="shade-mask-new">
-      <div class="shade-content-new">
-        <!-- <div class="top">申请新铭牌</div> -->
-        <div class="nameplate-style">
-          <span>铭牌样式：</span>
-          <ul class="apply-new-ul">
-            
-          </ul>
-        </div>
-        <div class="new-nameplate-desc-wrap">
-          <span>铭牌文字：</span>
-          <input type="text" class="new-nameplate-desc" placeholder="请输入4个字" maxlength="4">
-        </div>
-        <div class="delay-time">
-            <span>申请时长：</span>
-            <div>
-              <img src="./images/decrease.png" alt="" class="decrease">
-              <p><span></span>天</p>
-              <img src="./images/increase.png" alt="" class="increase">
-            </div>
-        </div>
-        <div class="apply-btn"></div>
-        <div class="close"><img src="./images/close.png" alt=""></div>
-      </div>
-    </div>
-  </div>
-  <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="./js/public.js?v=10"></script>
-</body>
-
-</html>

view/molistar/activity/act-nameplate/js/nobleHighRank.js

@@ -1,92 +0,0 @@
-
-let urlPrefix = getUrlPrefix();
-var browser = checkVersion();
-if (EnvCheck() === 'test') new VConsole
-// 封装layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
-    layer.open({
-        type: 2,
-        shadeClose: false,
-        content,
-        success (e) {
-            layerIndex = $(e).attr('index')
-        }
-    })
-}
-const hideLoading = (index) => {
-    layer.close(index)
-}
-const toastMsg = (content = '操作完成', time = 2) => {
-    layer.open({
-        content,
-        time,
-        skin: 'msg'
-    })
-}
-$(function () {
-    getInfoFromClient()
-    setTimeout(() => {
-        getVipNameplateList();
-    }, 50)
-})
-// 获取名牌列表
-function getVipNameplateList () {
-    networkRequest({
-        type: 'GET',
-        url: urlPrefix + '/vip/getVipNameplateList',
-        success (res) {
-            if (res.code == 200) {
-                res.data.forEach((res, index) => {
-                    $(`.list .li${index + 1} img`).attr('src', res.icon);
-                    $(`.list .li${index + 1} .but${index + 1}`).attr('isCouldApply', res.isCouldApply);
-                    $(`.list .li${index + 1} .but${index + 1}`).attr('nameplateId', res.nameplateId);
-                    if (res.isCouldApply) {
-                        $(`.list .li${index + 1} .but${index + 1}`).addClass('but_active');
-                    } else {
-                        $(`.list .li${index + 1} .but${index + 1}`).removeClass('but_active');
-                    }
-                });
-            }
-        },
-        error (err) {
-            toastMsg('網絡錯誤，請退出重進')
-        }
-    })
-}
-// 申请按钮
-$('.list li .but').click(function () {
-    var loca = $(this).attr('iscouldapply');
-    var val = $(this).siblings('.input_box').find('input').val();
-    var data = {
-        nameplateId: $(this).attr('nameplateId'),
-        text: val
-    }
-    console.log(data);
-    if (val == '') {
-        toastMsg('请输入铭牌文案');
-    } else {
-        if (loca == 'true') {
-            showLoading();
-            networkRequest({
-                type: 'POST',
-                url: urlPrefix + '/vip/vipMpApply',
-                data: data,
-                success (res) {
-                    if (res.code == 200) {
-                        hideLoading(layerIndex);
-                        $('.list li .input_box input').val('');
-                        getVipNameplateList();
-                    } else {
-                        toastMsg(res.message)
-                    }
-                },
-                error (err) {
-                    toastMsg('網絡錯誤，請退出重進')
-                }
-            })
-        } else {
-            console.log('暂不可申请');
-        }
-    }
-})

view/molistar/activity/act-nameplate/js/nobleHighRank_record.js

@@ -1,118 +0,0 @@
-let urlPrefix = getUrlPrefix();
-if (EnvCheck() === 'test') new VConsole
-
-// 封装layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
-    layer.open({
-        type: 2,
-        shadeClose: false,
-        content,
-        success (e) {
-            layerIndex = $(e).attr('index')
-        }
-    })
-}
-const hideLoading = (index) => {
-    layer.close(index)
-}
-const toastMsg = (content = '操作完成', time = 2) => {
-    layer.open({
-        content,
-        time,
-        skin: 'msg'
-    })
-}
-
-let recordList = []
-let pageNumber = 1
-let pageSize = 20
-let canNext
-let isLock = true
-// 获取用户申请记录
-const getUserApplyRecord = () => {
-    showLoading()
-    networkRequest({
-        type: 'GET',
-        url: urlPrefix + '/vip/vipMpApplyRecordList',
-        data: {
-            type : 7,
-            pageNumber,
-            pageSize
-        },
-        success (res) {
-            hideLoading(layerIndex)
-            if (res.code === 200) {
-                if (!res.data.length) {
-                    $('.max').hide()
-                } else {
-                    $('.no-record-wrap').hide()
-                }
-
-                if (res.data.length === pageSize) {
-                    // 能够继续请求下一页
-                    canNext = true
-                } else {
-                    canNext = false
-                }
-                recordList.push(...res.data)
-                renderRecord()
-                isLock = true
-            } else {
-                toastMsg(res.message)
-            }
-        },
-        error () {
-            hideLoading(layerIndex);
-            toastMsg('網絡錯誤')
-        }
-    })
-}
-// 渲染申请记录
-const renderRecord = () => {
-    let str = '';
-    recordList.map(item => {
-        str += `
-            <li>
-                <div class="nameplate-style"><img src="${item.iconPic}" alt=""></div>
-                <div class="nameplate-desc-wrap">
-                    <span class="nameplate-desc">${item.text}</span>
-                    <p>
-                    <!-- <span>${item.applyType === 1 ? '申请' : '延长'}${item.applyDay}天</span> -->
-                        <span>${dateFormat(item.createTime, "yyyy-MM-dd")}</span>
-                    </p>
-                </div>
-                <div class="isPass">
-                    <p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? '申请中' : (item.auditType === 1 ? '不通过' : '已通过')}</p>
-                    ${item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
-            }
-                    
-                </div>
-            </li>
-        `
-    })
-    $('.max').html(str)
-}
-
-$(function () {
-    getInfoFromClient()
-    setTimeout(() => {
-        getUserApplyRecord()
-    }, 50)
-
-    // 监听滚动
-    $('ul').scroll(function () {
-        let scrollTop = $(this).scrollTop()
-        let scrollHeight = $('ul')[0].scrollHeight
-        let ulHeight = $(this).innerHeight()
-        if (scrollTop + ulHeight + 100 >= scrollHeight) {
-            if (isLock) {
-                // 请求下一页
-                if (canNext) {
-                    getUserApplyRecord(pageNumber++)
-                    isLock = false
-                }
-            }
-        }
-    })
-})

view/molistar/activity/act-nameplate/js/public.js

@@ -1,415 +0,0 @@
-
-let urlPrefix = getUrlPrefix();
-var browser = checkVersion();
-var info = {};
-if (EnvCheck() === 'test') new VConsole
-// 封裝layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
-    layer.open({
-        type: 2,
-        shadeClose: false,
-        content,
-        success(e) {
-            layerIndex = $(e).attr('index')
-        }
-    })
-}
-const hideLoading = (index) => {
-    layer.close(index)
-}
-const toastMsg = (content = '操作完成', time = 2) => {
-    layer.open({
-        content,
-        time,
-        skin: 'msg'
-    })
-}
-
-let delayLock = false, newApplyLock = false
-
-let btnStatus = []
-// 獲取用戶銘牌狀態
-const getUserNameplateInfo = () => {
-  showLoading()
-  networkRequest({
-    type: 'GET',
-    url: urlPrefix + '/nameplate/userNameplateInfo',
-    data: {
-      uid: pubInfo.uid
-    },
-    success(res){
-      hideLoading(layerIndex);
-      if(res.code === 200){
-        btnStatus = res.data
-        renderBtnStatus()
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-// 渲染首頁按鈕狀態
-const renderBtnStatus = () => {
-  btnStatus.map( (item,index) => {
-      if(index > 1){
-        // 進階款式
-        $('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
-        if(item > 0){
-          $('.btn').eq(index).on('click', () => {
-            getUserNameplateList(index+1)
-          })
-        }
-      }else{
-        // 基礎款式
-        $('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
-        if(item > 0){
-          $('.btn').eq(index).on('click', () => {
-            getUserNameplateList(index+1)
-          })
-        }
-      }
-  })
-}
-
-let userNameplateList = []
-// 獲取用戶已有銘牌列錶
-const getUserNameplateList = (type) => {
-  showLoading()
-  networkRequest({
-    type: 'GET',
-    url: urlPrefix + '/nameplate/pickUserNameplate',
-    data: {
-      uid: pubInfo.uid,
-      type
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        if(!res.data.length){
-          getNewNameplateList(type)
-        }else{
-          userNameplateList = res.data
-          renderNameplateList()
-        }
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-// 渲染銘牌列錶(選擇彈窗)
-const renderNameplateList = () => {
-  let str = ''
-  userNameplateList.map( item => {
-    str += `
-      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.nameplateId} data-type=${item.type} data-text=${item.fixedWord}>
-        <p>剩余${item.expireDays}天</p>
-        <div class="nameplate">
-          <img src="${item.nameplateImage}" alt="">
-          <span>${item.word}</span>
-        </div>
-        <div class="delay-btn">
-          <img src="./images/delay-btn.png" alt="">
-        </div>
-      </li>
-    `
-  })
-  $('.select-ul').html(str)
-
-  $('.shade-mask').show().siblings('.shade-mask-delay, .shade-mask-new').hide()
-  $('body').css('overflow', 'hidden')
-}
-
-
-let newNameplateList = []
-// 獲取新銘牌列錶
-const getNewNameplateList = (type) => {
-  showLoading()
-  networkRequest({
-    type: 'GET',
-    url: urlPrefix + '/nameplate/getNameplateList',
-    data: {
-      uid: pubInfo.uid,
-      type
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        if(!res.data.length){
-          toastMsg('暫時沒有銘牌可申請')
-          return
-        }
-        newNameplateList = res.data
-        renderNewNameplateList()
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-let newNameplateId  //只有一個可選時，默認選中
-// 渲染申請新銘牌彈窗
-const renderNewNameplateList = () => {
-  let str = '';
-  newNameplateList.map( item => {
-    str += `
-      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.id} data-type=${item.type}>
-        <div>
-          <img src="${item.iconPic}" alt="">
-        </div>
-      </li>
-    `
-  })
-  $('.apply-new-ul').html(str)
-  if(newNameplateList.length === 1){
-    let onlyLi = $('.apply-new-ul').find('li').eq(0);
-    newNameplateId = onlyLi.data('nameplateId');
-    onlyLi.addClass('active')
-  }
-  $('.shade-mask-new .delay-time div p span').html(newNameplateList[0].applyDay)
-  $('.shade-mask-new').show().siblings('.shade-mask, .shade-mask-delay').hide()
-  $('body').css('overflow', 'hidden')
-}
-
-// 確認延長期限
-const delayNamaplateConfirm = (params) => {
-  showLoading()
-  networkRequest({
-    type: 'POST',
-    url: urlPrefix + '/nameplate/applyUserNameplate',
-    data: {
-      uid: pubInfo.uid,
-      type: params.type,
-      nameplateId: params.nameplateId,
-      applyDay: params.applyDay,
-      applyType: params.applyType,
-      text: params.text
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        toastMsg('申請成功')
-        $('.shade-mask-delay').hide()
-        $('body').css('overflow', 'auto')
-        delayLock = false
-        setTimeout(()=>{
-          location.reload()
-        }, 500)
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-// 確認申請新銘牌
-const applyNewNamaplateConfirm = (params) => {
-  showLoading()
-  networkRequest({
-    type: 'POST',
-    url: urlPrefix + '/nameplate/applyUserNameplate',
-    data: {
-      uid: pubInfo.uid,
-      type: params.type,
-      nameplateId: params.nameplateId,
-      applyDay: params.applyDay,
-      applyType: params.applyType,
-      text: params.text
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        toastMsg('申請成功')
-        $('.shade-mask-new').hide()
-        $('body').css('overflow', 'auto')
-        newApplyLock  = false
-        setTimeout(()=>{
-          location.reload()
-        }, 500)
-      }else{
-        newApplyLock  = false
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤,請退出重進')
-    }
-  })
-}
-
-$(function () {
-  getInfoFromClient()
-  setTimeout( () => {
-    getUserNameplateInfo()
-  }, 50)
-
-  if (browser.app) {
-    _hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
-  }
-
-  // 點擊申請記錄按鈕
-  $('.record').on('click', function(){
-    window.location.href = './record.html'
-  })
-
-  // 關閉彈窗
-  $('.shade-mask .close').on('click', () => {
-    $('.shade-mask').hide()
-    $('body').css('overflow', 'auto')
-  })
-  $('.shade-mask-delay .close').on('click', () => {
-    $('.shade-mask-delay').hide()
-    $('body').css('overflow', 'auto')
-  })
-  $('.shade-mask-new .close').on('click', () => {
-    $('.shade-mask-new').hide()
-    $('body').css('overflow', 'auto')
-    newNameplateId = ''
-    $(this).find('input').val('')
-  })
-
-  let maxApplyDay, nameplateId, type, text
-  // 監聽 延長期限 按鈕點擊事件
-  $('.select-ul').on('click', '.delay-btn', function() {
-    let li = $(this).parent();
-    let src = li.find('.nameplate img').attr('src');
-    let desc = li.find('.nameplate span').html();
-    maxApplyDay = li.data('applyDay');
-    nameplateId = li.data('nameplateId');
-    type = li.data('type');
-    text = li.data('text');
-    
-    $('.shade-mask-delay .nameplate-style img').attr('src', src);
-    $('.shade-mask-delay .nameplate-style p span').html(desc);
-    $('.shade-mask-delay .delay-time p span').html(maxApplyDay);
-
-    $('.shade-mask-delay').show().siblings('.shade-mask, .shade-mask-new').hide()
-  })
-
-  // 延期彈窗 點擊減按鈕
-  $('.shade-mask-delay').on('click', '.decrease', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    if(applyDay > 7){
-      applyDay -= 7;
-    }else{
-      toastMsg('銘牌至少申請7天')
-    }
-    $('.shade-mask-delay .delay-time p span').html(applyDay);
-  })
-  //延期彈窗 點擊加按鈕
-  $('.shade-mask-delay').on('click', '.increase', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    if(applyDay >= maxApplyDay){
-      toastMsg('已達最大申請時長')
-    }else{
-      applyDay += 7;
-    }
-    $('.shade-mask-delay .delay-time p span').html(applyDay);
-  })
-  // 監聽申請延期確定按鈕點擊事件
-  $('.shade-mask-delay').on('click', '.apply-btn', function(){
-    // applyType 1申請新銘牌，2延長
-    if(!delayLock){
-      delayLock = true
-      let params = {
-        type,
-        nameplateId,
-        applyDay: parseInt( $(this).parent().find('.delay-time div p span').html() ),
-        applyType: 2,
-        text
-      };
-      delayNamaplateConfirm(params)
-    }
-  })
-
-  /*************************           ******************************/
-
-  // 監聽 申請新銘牌 按鈕點擊事件
-  $('.shade-mask').on('click', '.apply-btn', function(){
-    let type = $(this).parent().find('.select-ul li').eq(0).data('type');
-    getNewNameplateList(type)
-  })
-
-  // 申請新銘牌彈窗 點擊減按鈕
-  $('.shade-mask-new').on('click', '.decrease', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    if(applyDay > 7){
-      applyDay -= 7;
-    }else{
-      toastMsg('銘牌至少申請7天')
-    }
-    $('.shade-mask-new .delay-time p span').html(applyDay);
-  })
-  // 申請新銘牌彈窗 點擊加按鈕
-  $('.shade-mask-new').on('click', '.increase', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    let maxApplyDay = parseInt( $(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay') );
-    if(applyDay >= maxApplyDay){
-      toastMsg('已達最大申請時長')
-    }else{
-      applyDay += 7;
-    }
-    $('.shade-mask-new .delay-time p span').html(applyDay);
-  })
-  
-  // 申請新銘牌彈窗 點擊銘牌列錶事件
-  $('.shade-mask-new').on('click', 'li', function(){
-    $(this).addClass('active').siblings('li').removeClass('active');
-    newNameplateId = $(this).data('nameplateId');
-  })
-
-  // 申請新銘牌彈窗 確定申請 按鈕點擊事件
-  $('.shade-mask-new').on('click', '.apply-btn', function(){
-    let content = $(this).parent();
-    let ipt = content.find('input.new-nameplate-desc').val()
-    if(!newNameplateId){
-      toastMsg('請選擇樣式');
-      return
-    }
-    if(!ipt){
-      toastMsg('請添加銘牌文字');
-      return
-    }else{
-      if(ipt.length !== 4){
-        toastMsg('請添加4個字的銘牌文字');
-        return
-      }
-    }
-    
-    // applyType 1申請新銘牌，2延長
-    if(!newApplyLock){
-      newApplyLock = true
-      let params = {
-        applyType: 1,
-        nameplateId: newNameplateId,
-        text: ipt,
-        type: parseInt( content.find('ul.apply-new-ul li').eq(0).data('type') ),
-        applyDay: parseInt( content.find('.delay-time div p span').html() )
-      }
-      applyNewNamaplateConfirm(params)
-    }
-  })
-
-});
-

view/molistar/activity/act-nameplate/js/record.js

@@ -1,119 +0,0 @@
-let urlPrefix = getUrlPrefix();
-if (EnvCheck() === 'test') new VConsole
-
-// 封装layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
-    layer.open({
-        type: 2,
-        shadeClose: false,
-        content,
-        success(e) {
-            layerIndex = $(e).attr('index')
-        }
-    })
-}
-const hideLoading = (index) => {
-    layer.close(index)
-}
-const toastMsg = (content = '操作完成', time = 2) => {
-    layer.open({
-        content,
-        time,
-        skin: 'msg'
-    })
-}
-
-let recordList = []
-let pageNumber = 1
-let pageSize = 20
-let canNext
-let isLock = true
-// 获取用户申请记录
-const getUserApplyRecord = () => {
-    showLoading()
-    networkRequest({
-        type: 'GET',
-        url: urlPrefix + '/nameplate/getUserAuditRecord',
-        data: {
-            uid: pubInfo.uid,
-            pageNumber,
-            pageSize
-        },
-        success(res){
-            hideLoading(layerIndex)
-            if(res.code === 200){
-                if(!res.data.length){
-                    $('.max').hide()
-                }else{
-                    $('.no-record-wrap').hide()
-                }
-
-                if(res.data.length === pageSize){
-                    // 能够继续请求下一页
-                    canNext = true
-                }else{
-                    canNext = false
-                }
-                recordList.push(...res.data)
-                renderRecord()
-                isLock = true
-            }else{
-              toastMsg(res.message)
-            }
-          },
-          error(){
-            hideLoading(layerIndex);
-            toastMsg('網絡錯誤')
-          }
-    })
-}
-// 渲染申请记录
-const renderRecord = () => {
-    let str = '';
-    recordList.map( item => {
-        str += `
-            <li>
-                <div class="nameplate-style"><img src="${item.iconPic}" alt=""></div>
-                <div class="nameplate-desc-wrap">
-                    <span class="nameplate-desc">${item.text}</span>
-                    <p>
-                        <span>${item.applyType === 1 ? '申请' : '延长'}${item.applyDay}天</span>
-                        <span>${dateFormat(item.createTime, "yyyy-MM-dd")}</span>
-                    </p>
-                </div>
-                <div class="isPass">
-                    <p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? '申请中' : (item.auditType === 1 ? '不通过' : '已通过')}</p>
-                    ${
-                        item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
-                    }
-                    
-                </div>
-            </li>
-        `
-    })
-    $('.max').html(str)
-}
-
-$(function(){
-    getInfoFromClient()
-    setTimeout( () => {
-        getUserApplyRecord()
-    }, 50)
-
-    // 监听滚动
-    $('ul').scroll(function(){
-        let scrollTop = $(this).scrollTop()
-        let scrollHeight = $('ul')[0].scrollHeight
-        let ulHeight = $(this).innerHeight()
-        if(scrollTop + ulHeight + 100 >= scrollHeight){
-            if(isLock){
-                // 请求下一页
-                if(canNext){
-                    getUserApplyRecord(pageNumber++)
-                    isLock = false
-                }
-            }
-        }
-    })
-})

view/molistar/activity/act-nameplate/nobleHighRank.html

@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport"
-    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
-    <title>定制贵族专属铭牌</title>
-    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/nobleHighRank.css?v=1.1">
-    <script src="../../common/js/flexible.js"></script>
-</head>
-
-<body>
-    <div class="header">
-        <div class="applicationRecord"><a href="./nobleHighRank_record.html"></a></div>
-        <div class="content">
-            <b>贵族可以支持铭牌内容自定义啦～</b>
-            <p>(仅支持公爵以上贵族等级哦)</p>
-        </div>
-    </div>
-    <ul class='list'>
-        <li class="li1">
-            <img src="" alt="">
-            <div class="input_box">
-                <span>铭牌文案：</span>
-                <input type="text" maxlength='4' placeholder="请输入4汉字">
-            </div>
-            <div class="but but1">立即申请</div>
-        </li>
-        <li class="li2">
-            <img src="" alt="">
-            <div class="input_box">
-                <span>铭牌文案：</span>
-                <input type="text" maxlength='4' placeholder="请输入4汉字">
-            </div>
-            <div class="but but2">立即申请</div>
-        </li>
-        <li class="li3">
-            <img src="" alt="">
-            <div class="input_box">
-                <span>铭牌文案：</span>
-                <input type="text" maxlength='4' placeholder="请输入4汉字">
-            </div>
-            <div class="but but3">立即申请</div>
-        </li>
-        <li class="li4">
-            <img src="" alt="">
-            <div class="input_box">
-                <span>铭牌文案：</span>
-                <input type="text" maxlength='4' placeholder="请输入4汉字">
-            </div>
-            <div class="but but4">立即申请</div>
-        </li>
-    </ul>
-</body>
-
-<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="./js/nobleHighRank.js?v=1.0"></script>
-
-</html>

view/molistar/activity/act-nameplate/nobleHighRank_record.html

@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>申请记录</title>
-    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/nobleHighRank.css">
-    <script src="../../common/js/flexible.js"></script>
-</head>
-
-<body>
-    <ul class="max">
-
-    </ul>
-    <div class="no-record-wrap">
-        <img src="./images/default1.png" alt="">
-        <span>暂无申请记录</span>
-    </div>
-</body>
-<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="./js/nobleHighRank_record.js"></script>
-
-</html>

view/molistar/activity/act-nameplate/record.html

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport"
-    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="viewport"
-    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
-  <title>申请记录</title>
-
-  <link rel="stylesheet" href="../../common/css/reset.css">
-  <link rel="stylesheet" href="./css/record.css">
-
-  <script src="../../common/js/flexible.js"></script>
-</head>
-
-<body>
-  <ul class="max">
-    
-  </ul>
-  <div class="no-record-wrap">
-    <img src="./images/default.png" alt="">
-    <span>暂无申请记录</span>
-  </div>
-  <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="./js/record.js"></script>
-</body>
-
-</html>

view/molistar/activity/gift_changer/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}