修改小时榜时间

view/yinmeng/activity/2023-halloween/css/index.css

@@ -102,7 +102,7 @@ body::-webkit-scrollbar {
 
 .giftBox {
   width: 9.2rem;
-  height: 5.96rem;
+  height: 6.49333rem;
   background: url(../images/giftBox.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto 0.06667rem;
@@ -111,9 +111,9 @@ body::-webkit-scrollbar {
 }
 
 .giftBox .swiper {
-  width: 6.56rem;
+  width: 8.02667rem;
-  height: 4rem;
+  height: 4.85333rem;
-  margin: 1.48rem auto 0;
+  margin: 1.45333rem auto 0;
 }
 
 .page1 {
@@ -1050,7 +1050,7 @@ body::-webkit-scrollbar {
   top: 6.44rem;
   left: 50%;
   transform: translateX(-50%);
-  width: 8.66667rem;
+  width: 9.1rem;
   height: 0.64rem;
   line-height: 0.64rem;
   display: flex;
@@ -1058,7 +1058,7 @@ body::-webkit-scrollbar {
 }
 
 .page3 .time div {
-  width: 1.26667rem;
+  width: 1.1rem;
   height: 0.64rem;
   background: linear-gradient(0deg, #9552E6 0%, #8E39F4 100%);
   border-radius: 0.17333rem;
@@ -1530,7 +1530,7 @@ body::-webkit-scrollbar {
 }
 
 .box_pub .box_pub_in .box_pub_ul .li2 {
-  height: 12.44rem;
+  height: 9.46667rem;
   background: url(../images/box_pubGift2.png) no-repeat;
   background-size: 100% 100%;
 }

view/yinmeng/activity/2023-halloween/css/index.scss

@@ -110,7 +110,7 @@ body {
 
 .giftBox {
     width: px2rem(690);
-    height: px2rem(447);
+    height: px2rem(487);
     background: url(../images/giftBox.png) no-repeat;
     background-size: 100% 100%;
     margin: 0 auto px2rem(5);
@@ -118,9 +118,9 @@ body {
     overflow: hidden;
 
     .swiper {
-        width: px2rem(492);
+        width: px2rem(602);
-        height: px2rem(300);
+        height: px2rem(364);
-        margin: px2rem(111) auto 0;
+        margin: px2rem(109) auto 0;
     }
 }
 
@@ -1047,14 +1047,14 @@ body {
         top: px2rem(483);
         left: 50%;
         transform: translateX(-50%);
-        width: px2rem(650);
+        width: 9.1rem;
         height: px2rem(48);
         line-height: px2rem(48);
         display: flex;
         justify-content: space-between;
 
         div {
-            width: px2rem(95);
+            width: 1.1rem;
             height: px2rem(48);
             background: linear-gradient(0deg, #9552E6 0%, #8E39F4 100%);
             border-radius: px2rem(13);
@@ -1568,7 +1568,7 @@ body {
             }
 
             .li2 {
-                height: px2rem(933);
+                height: px2rem(710);
                 background: url(../images/box_pubGift2.png) no-repeat;
                 background-size: 100% 100%;
             }

view/yinmeng/activity/2023-halloween/index.html

@@ -105,7 +105,7 @@
             <img src="./images/dice1.png" alt="" class="dice">
             <div class="diceLeftBut">宝箱开启记录</div>
             <div class="diceRightBut">点亮全部宝箱</div>
-            <p>消耗糖果券*1</p>
+            <p>单次消耗糖果券*1</p>
         </div>
     </div>
     <!-- pages2 -->
@@ -192,6 +192,7 @@
             <div></div>
             <div></div>
             <div></div>
+            <div></div>
         </div>
         <!-- 前三 -->
         <div class="topBox">
@@ -242,7 +243,7 @@
             <div class="cen">
                 <p>
                     一、活动时间：<br>
-                    2023年10月28日12:00:00-2023年11月2日23:59:59
+                    2023年10月27日12:00:00-2023年11月2日23:59:59
                 </p>
                 <p>二、礼物上新：<br>
                     活动期间将限时上架5款万圣新限定礼物；1款万圣限定福袋</p>
@@ -268,7 +269,7 @@
                     2.普通礼物包含礼物面板和背包礼物；<br>
                     3.大头号不参与榜单活动排名；<br>
                     4.靓号奖励A≠B≠C≠0，不可转赠，请联系客服领取；<br></p>
-                <p>本活动最终解释权归音萌所有，本活动以及奖励与苹果公司无关；/p>
+                <p>本活动最终解释权归音萌所有，本活动以及奖励与苹果公司无关；</p>
             </div>
         </div>
     </div>

view/yinmeng/activity/2023-halloween/js/index.js

@@ -494,7 +494,7 @@ function pageRecord (page) {
     })
 }
 //检测抽奖记录是否到达底部
-$(".duihuanBg .dividerecordsBg_in .ul").scroll(function () {
+$(".record_box .record_box_in ul").scroll(function () {
     var divHeight = $(this).height();
     var nScrollHeight = $(this)[0].scrollHeight;
     var nScrollTop = $(this)[0].scrollTop;

view/yinmeng/activity/2023-ruffian/index.html

@@ -42,8 +42,8 @@
     <div class="page2">
         <!-- 榜单切换 -->
         <div class="listTab">
-            <div class="active">勇气榜（送礼）</div>
+            <div class="active">勇气榜</div>
-            <div>狂欢榜（收礼）</div>
+            <div>狂欢榜</div>
         </div>
         <!-- 榜单盒子 -->
         <div class="listBg">

view/yinmeng/activity/2023-year/index.html

@@ -547,7 +547,7 @@
             </ul>
         </div>
         <!-- 吸底 -->
-        <div class="bottom">小时榜仅在每晚19:00 - 23:29开启</div>
+        <div class="bottom">小时榜仅在每晚19:00 - 23:59开启</div>
     </div>
 
     <!-- 页面4弹窗 -->

view/yinmeng/activity/2024-cityLove/css/index.css

@@ -1,730 +0,0 @@
-html,
-body {
-  width: 100%;
-  background: #F9E4D6;
-}
-
-.rabbit {
-  z-index: 999;
-  width: 0.8rem;
-  height: 0.8rem;
-}
-
-.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.6rem;
-  background: url(../images/header.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  margin: 0 auto 0rem;
-}
-
-.header .rule_icon {
-  position: absolute;
-  width: 1.76rem;
-  height: 0.97333rem;
-  right: 0;
-  top: 4.6rem;
-}
-
-.header .tab {
-  width: 7.89333rem;
-  height: 1.36rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 7.64rem;
-  display: flex;
-  justify-content: space-between;
-}
-
-.header .tab div {
-  width: 3.46667rem;
-  height: 100%;
-}
-
-.header .tab .tab1 {
-  background: url(../images/tab1.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.header .tab .tab2 {
-  background: url(../images/tab2.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.header .tab .act1 {
-  background: url(../images/tabAct1.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.header .tab .act2 {
-  background: url(../images/tabAct2.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.page1 .page1Box1 {
-  width: 10rem;
-  height: 9.74667rem;
-  display: block;
-  margin: -2.6rem auto 0rem;
-  position: relative;
-}
-
-.page1 .page1Box2 {
-  width: 10rem;
-  height: 12.44rem;
-  display: block;
-  margin: -1.1rem auto 0rem;
-  position: relative;
-}
-
-.page1 .page1Box3 {
-  width: 10rem;
-  height: 12.28rem;
-  display: block;
-  margin: -1.1rem auto 0rem;
-  position: relative;
-}
-
-.page1 .page1Box4 {
-  width: 10rem;
-  height: 15rem;
-  margin: -1.1rem auto 0rem;
-  position: relative;
-  background: url(../images/page1Box4.png) no-repeat 100% 100%;
-  background-size: 100% 100%;
-}
-
-.page1 .page1Box4 .left {
-  width: 3.48rem;
-  height: 0.84rem;
-  line-height: 0.81333rem;
-  background: url(../images/page1Box4_left.png) no-repeat;
-  background-size: 100% 100%;
-  color: #FF5B8D;
-  font-size: 0.28rem;
-  position: absolute;
-  left: 0;
-  top: 2.69333rem;
-  text-indent: 2.55rem;
-  font-weight: bold;
-}
-
-.page1 .page1Box4 .right {
-  width: 3.48rem;
-  height: 0.84rem;
-  position: absolute;
-  right: 0;
-  top: 2.69333rem;
-}
-
-.page1 .page1Box4 .dayLimit {
-  width: 0.76rem;
-  height: 0.36rem;
-  line-height: 0.36rem;
-  text-align: center;
-  color: #fff;
-  font-size: 0.16rem;
-  font-weight: 500;
-  position: absolute;
-  top: 4.10667rem;
-  background: url(../images/dayLimit.png) no-repeat;
-  background-size: 100% 100%;
-  text-indent: 0.05rem;
-}
-
-.page1 .page1Box4 .dayLimit1 {
-  left: 2.81333rem;
-}
-
-.page1 .page1Box4 .dayLimit2 {
-  left: 5.49333rem;
-}
-
-.page1 .page1Box4 .dayLimit3 {
-  left: 8.22667rem;
-}
-
-.page1 .page1Box4 .convert {
-  width: 1.73333rem;
-  height: 0.61333rem;
-  position: absolute;
-}
-
-.page1 .page1Box4 .convert1 {
-  left: 1.37333rem;
-  top: 6.33333rem;
-}
-
-.page1 .page1Box4 .convert2 {
-  left: 4.04rem;
-  top: 6.33333rem;
-}
-
-.page1 .page1Box4 .convert3 {
-  left: 6.8rem;
-  top: 6.33333rem;
-}
-
-.page1 .page1Box4 .convert4 {
-  left: 1.37333rem;
-  top: 9.45333rem;
-}
-
-.page1 .page1Box4 .convert5 {
-  left: 4.04rem;
-  top: 9.45333rem;
-}
-
-.page1 .page1Box4 .convert6 {
-  left: 6.8rem;
-  top: 9.45333rem;
-}
-
-.page1 .page1Box4 .convert7 {
-  left: 2.8rem;
-  top: 12.65333rem;
-}
-
-.page1 .page1Box4 .convert8 {
-  left: 5.45333rem;
-  top: 12.65333rem;
-}
-
-.page2 {
-  display: none;
-  width: 10rem;
-  height: 20.56rem;
-  background: url(../images/page2.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  margin: -2.6rem auto 1.33333rem;
-}
-
-.page2 .first .left_ts {
-  width: 2.16rem;
-  height: 2.13333rem;
-  position: absolute;
-  left: 2.16rem;
-  top: 2.68rem;
-  z-index: 2;
-}
-
-.page2 .first .right_ts {
-  width: 2.16rem;
-  height: 2.13333rem;
-  position: absolute;
-  right: 2.16rem;
-  top: 2.68rem;
-  z-index: 2;
-}
-
-.page2 .first .left_tx {
-  width: 1.76rem;
-  height: 1.76rem;
-  border-radius: 50%;
-  position: absolute;
-  left: 2.33333rem;
-  top: 2.89333rem;
-}
-
-.page2 .first .right_tx {
-  width: 1.76rem;
-  height: 1.76rem;
-  border-radius: 50%;
-  position: absolute;
-  right: 2.33333rem;
-  top: 2.89333rem;
-}
-
-.page2 .first .score {
-  width: 1.5rem;
-  text-align: center;
-  -webkit-text-stroke: 0.01333rem #FE5A9F;
-  /* Safari */
-  font-size: 0.28rem;
-  color: #fff;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 3.82667rem;
-  font-weight: bold;
-}
-
-.page2 .first .leftNick {
-  width: 2.16rem;
-  text-align: center;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  position: absolute;
-  left: 2.24rem;
-  top: 5rem;
-  color: #B8004E;
-  font-weight: bold;
-  font-size: 0.28rem;
-}
-
-.page2 .first .rightNick {
-  width: 2.16rem;
-  text-align: center;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  position: absolute;
-  right: 2.24rem;
-  top: 5rem;
-  color: #B8004E;
-  font-weight: bold;
-  font-size: 0.28rem;
-}
-
-.page2 .notFirst {
-  width: 8.88rem;
-  height: 12rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 7.13333rem;
-  overflow-y: scroll;
-}
-
-.page2 .notFirst::-webkit-scrollbar {
-  display: none;
-}
-
-.page2 .notFirst li {
-  width: 8.88rem;
-  height: 1.82667rem;
-  background: url(../images/listBg.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  overflow: hidden;
-}
-
-.page2 .notFirst li .num {
-  width: 0.66667rem;
-  height: 100%;
-  line-height: 1.82667rem;
-  text-align: center;
-  color: #B16B74;
-  font-size: 0.30667rem;
-  font-weight: 500;
-  float: left;
-  margin-left: 0.52rem;
-  margin-right: 0.2rem;
-}
-
-.page2 .notFirst li .left_tx {
-  width: 1.09333rem;
-  height: 1.09333rem;
-  border-radius: 1.09333rem;
-  float: left;
-  margin-top: 0.38667rem;
-  border: 0.02667rem solid #FFABC7;
-  margin-right: 0.18667rem;
-}
-
-.page2 .notFirst li .right_tx {
-  width: 1.09333rem;
-  height: 1.09333rem;
-  border-radius: 1.09333rem;
-  float: left;
-  margin-top: 0.38667rem;
-  border: 0.02667rem solid #FFABC7;
-}
-
-.page2 .notFirst li .love {
-  width: 1.02667rem;
-  height: 0.90667rem;
-  position: absolute;
-  left: 2.10667rem;
-  top: 0.50667rem;
-}
-
-.page2 .notFirst li .nickLeft {
-  width: 2.2rem;
-  color: #FF658E;
-  font-size: 0.28rem;
-  font-weight: 500;
-  position: absolute;
-  left: 4rem;
-  top: 0.58667rem;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.page2 .notFirst li .nickRight {
-  width: 2.2rem;
-  color: #FF658E;
-  font-size: 0.28rem;
-  font-weight: 500;
-  position: absolute;
-  left: 4rem;
-  top: 0.98667rem;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.page2 .notFirst li .score {
-  float: right;
-  height: 100%;
-  line-height: 1.82667rem;
-  color: #FE5F93;
-  font-size: 0.32rem;
-  margin-right: 1rem;
-  font-weight: 500;
-}
-
-.page2 .my {
-  width: 10rem;
-  height: 3.16rem;
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  background: url(../images/my.png) no-repeat;
-  background-size: 100% 100%;
-  background: url(../images/my2.png) no-repeat;
-  background-size: 100% 100%;
-  transition: all .3s;
-  z-index: 3;
-}
-
-.page2 .my .more {
-  width: 1.24rem;
-  height: 1.24rem;
-  position: absolute;
-  right: 0.09333rem;
-  top: -0.41333rem;
-}
-
-.page2 .my ul {
-  width: 8.88rem;
-  height: 1.82667rem;
-  margin: 1.10667rem auto 0;
-  overflow-y: hidden;
-}
-
-.page2 .my ul::-webkit-scrollbar {
-  display: none;
-}
-
-.page2 .my ul li {
-  width: 100%;
-  height: 1.82667rem;
-  background: url(../images/myList.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  margin-bottom: 0.10667rem;
-  overflow: hidden;
-}
-
-.page2 .my ul li .num {
-  width: 0.66667rem;
-  height: 100%;
-  line-height: 1.82667rem;
-  text-align: center;
-  color: #B16B74;
-  font-size: 0.30667rem;
-  font-weight: 500;
-  float: left;
-  margin-left: 0.52rem;
-  margin-right: 0.2rem;
-}
-
-.page2 .my ul li .left_tx {
-  width: 1.09333rem;
-  height: 1.09333rem;
-  border-radius: 1.09333rem;
-  float: left;
-  margin-top: 0.38667rem;
-  border: 0.02667rem solid #FFABC7;
-  margin-right: 0.18667rem;
-}
-
-.page2 .my ul li .right_tx {
-  width: 1.09333rem;
-  height: 1.09333rem;
-  border-radius: 1.09333rem;
-  float: left;
-  margin-top: 0.38667rem;
-  border: 0.02667rem solid #FFABC7;
-}
-
-.page2 .my ul li .love {
-  width: 1.02667rem;
-  height: 0.90667rem;
-  position: absolute;
-  left: 2.10667rem;
-  top: 0.50667rem;
-}
-
-.page2 .my ul li .nickLeft {
-  width: 2.2rem;
-  color: #FF658E;
-  font-size: 0.28rem;
-  font-weight: 500;
-  position: absolute;
-  left: 4rem;
-  top: 0.58667rem;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.page2 .my ul li .nickRight {
-  width: 2.2rem;
-  color: #FF658E;
-  font-size: 0.28rem;
-  font-weight: 500;
-  position: absolute;
-  left: 4rem;
-  top: 0.98667rem;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.page2 .my ul li .score {
-  float: right;
-  height: 100%;
-  line-height: 1.82667rem;
-  color: #FE5F93;
-  font-size: 0.32rem;
-  margin-right: 1rem;
-  font-weight: 500;
-}
-
-.page2 .my ul .null {
-  background: none;
-  text-align: center;
-  line-height: 1.82667rem;
-  color: #FF658E;
-  font-size: 0.4rem;
-  font-weight: 500;
-}
-
-.rule {
-  position: fixed;
-  z-index: 99;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.6);
-  display: none;
-}
-
-.rule .rule_in {
-  width: 9.10667rem;
-  height: 13.18667rem;
-  background: url(../images/ruleBg.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  overflow: hidden;
-}
-
-.rule .rule_in .tab {
-  width: 6.64rem;
-  height: 1.22667rem;
-  display: flex;
-  justify-content: space-between;
-  margin: 2.4rem auto 0.25333rem;
-}
-
-.rule .rule_in .tab div {
-  width: 3.13333rem;
-  height: 1.22667rem;
-}
-
-.rule .rule_in .tab .tab1 {
-  background: url(../images/ruleTab1.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.rule .rule_in .tab .tab2 {
-  background: url(../images/ruleTab2.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.rule .rule_in .tab .act1 {
-  background: url(../images/ruleTabAct1.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.rule .rule_in .tab .act2 {
-  background: url(../images/ruleTabAct2.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.rule .rule_in .box {
-  width: 7.81333rem;
-  height: 8.5rem;
-  margin: 0 auto 0;
-  overflow-y: scroll;
-}
-
-.rule .rule_in .box::-webkit-scrollbar {
-  display: none;
-}
-
-.rule .rule_in .box img {
-  display: block;
-  width: 100%;
-}
-
-.rule .rule_in .box .img2 {
-  display: none;
-}
-
-.rule .rule_in .box2 {
-  width: 8.29333rem;
-}
-
-.end {
-  position: fixed;
-  z-index: 99;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.6);
-  display: none;
-}
-
-.end .end_in {
-  width: 7rem;
-  height: 5.48rem;
-  background: url(../images/endBg.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  overflow: hidden;
-}
-
-.end .but {
-  width: 3.14667rem;
-  height: 1.22667rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.81333rem;
-}
-
-.records {
-  position: fixed;
-  z-index: 99;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.6);
-  display: none;
-}
-
-.records .records_in {
-  width: 9.61333rem;
-  height: 8.48rem;
-  background: url(../images/recordsBg.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  overflow: hidden;
-}
-
-.records .records_in .title {
-  width: 5.4rem;
-  display: flex;
-  justify-content: space-between;
-  color: #8956AA;
-  font-weight: 500;
-  font-size: 0.36rem;
-  margin: 2.49333rem auto 0.48rem;
-  text-align: center;
-}
-
-.records .records_in .title div {
-  width: 2.7rem;
-}
-
-.records .records_in ul {
-  width: 5.4rem;
-  height: 3.4rem;
-  margin: 0 auto;
-  overflow-y: scroll;
-}
-
-.records .records_in ul::-webkit-scrollbar {
-  display: none;
-}
-
-.records .records_in ul li {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  text-align: right;
-  margin-bottom: 0.28rem;
-}
-
-.records .records_in ul li div {
-  width: 2.7rem;
-  box-sizing: border-box;
-  padding-right: 0.64rem;
-  color: #8956AA;
-  font-size: 0.26667rem;
-  font-weight: 400;
-}
-
-.records .records_in ul li div p {
-  margin-bottom: 0.06667rem;
-}
-
-.records .records_in ul li div b {
-  font-size: 0.21333rem;
-}
-
-.records .records_in ul li .div2 {
-  text-align: center;
-  padding: 0;
-}
-
-.records .records_in ul .null .nulls {
-  text-align: center;
-  text-indent: 0.6rem;
-}

view/yinmeng/activity/2024-cityLove/css/index.scss

@@ -1,743 +0,0 @@
-@function px2rem($px) {
-    @return $px / 75+rem;
-}
-
-html,
-body {
-    width: 100%;
-    background: #F9E4D6;
-}
-
-.rabbit {
-    z-index: 999;
-    width: px2rem(60);
-    height: px2rem(60);
-}
-
-// 返回按钮
-.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(870);
-    background: url(../images/header.png) no-repeat;
-    background-size: 100% 100%;
-    position: relative;
-    margin: 0 auto px2rem(0);
-
-    .rule_icon {
-        position: absolute;
-        width: px2rem(132);
-        height: px2rem(73);
-        right: 0;
-        top: 4.6rem;
-    }
-
-    .tab {
-        width: px2rem(592);
-        height: px2rem(102);
-        position: absolute;
-        left: 50%;
-        transform: translateX(-50%);
-        top: px2rem(573);
-        display: flex;
-        justify-content: space-between;
-
-        div {
-            width: px2rem(260);
-            height: 100%;
-        }
-
-        .tab1 {
-            background: url(../images/tab1.png) no-repeat;
-            background-size: 100% 100%;
-        }
-
-        .tab2 {
-            background: url(../images/tab2.png) no-repeat;
-            background-size: 100% 100%;
-        }
-
-        .act1 {
-            background: url(../images/tabAct1.png) no-repeat;
-            background-size: 100% 100%;
-        }
-
-        .act2 {
-            background: url(../images/tabAct2.png) no-repeat;
-            background-size: 100% 100%;
-        }
-    }
-}
-
-.page1 {
-    // display: none;
-
-    .page1Box1 {
-        width: px2rem(750);
-        height: px2rem(731);
-        display: block;
-        margin: -2.6rem auto 0rem;
-        position: relative;
-    }
-
-    .page1Box2 {
-        width: px2rem(750);
-        height: px2rem(933);
-        display: block;
-        margin: -1.1rem auto 0rem;
-        position: relative;
-    }
-
-    .page1Box3 {
-        width: px2rem(750);
-        height: px2rem(921);
-        display: block;
-        margin: -1.1rem auto 0rem;
-        position: relative;
-    }
-
-    .page1Box4 {
-        width: px2rem(750);
-        height: px2rem(1125);
-        margin: -1.1rem auto 0rem;
-        position: relative;
-        background: url(../images/page1Box4.png) no-repeat 100% 100%;
-        background-size: 100% 100%;
-
-        .left {
-            width: px2rem(261);
-            height: px2rem(63);
-            line-height: px2rem(61);
-            background: url(../images/page1Box4_left.png) no-repeat;
-            background-size: 100% 100%;
-            color: #FF5B8D;
-            font-size: px2rem(21);
-            position: absolute;
-            left: 0;
-            top: px2rem(202);
-            text-indent: 2.55rem;
-            font-weight: bold;
-        }
-
-        .right {
-            width: px2rem(261);
-            height: px2rem(63);
-            position: absolute;
-            right: 0;
-            top: px2rem(202);
-        }
-
-        .dayLimit {
-            width: px2rem(57);
-            height: px2rem(27);
-            line-height: px2rem(27);
-            text-align: center;
-            color: #fff;
-            font-size: px2rem(12);
-            font-weight: 500;
-            position: absolute;
-            top: px2rem(308);
-            background: url(../images/dayLimit.png) no-repeat;
-            background-size: 100% 100%;
-            text-indent: 0.05rem;
-        }
-
-        .dayLimit1 {
-            left: px2rem(211);
-        }
-
-        .dayLimit2 {
-            left: px2rem(412);
-        }
-
-        .dayLimit3 {
-            left: px2rem(617);
-        }
-
-        .convert {
-            width: px2rem(130);
-            height: px2rem(46);
-            position: absolute;
-        }
-
-        .convert1 {
-            left: px2rem(103);
-            top: px2rem(475);
-        }
-
-        .convert2 {
-            left: px2rem(303);
-            top: px2rem(475);
-        }
-
-        .convert3 {
-            left: px2rem(510);
-            top: px2rem(475);
-        }
-
-        .convert4 {
-            left: px2rem(103);
-            top: px2rem(709);
-        }
-
-        .convert5 {
-            left: px2rem(303);
-            top: px2rem(709);
-        }
-
-        .convert6 {
-            left: px2rem(510);
-            top: px2rem(709);
-        }
-
-        .convert7 {
-            left: px2rem(210);
-            top: px2rem(949);
-        }
-
-        .convert8 {
-            left: px2rem(409);
-            top: px2rem(949);
-        }
-    }
-}
-
-.page2 {
-    display: none;
-    width: px2rem(750);
-    height: px2rem(1542);
-    background: url(../images/page2.png) no-repeat;
-    background-size: 100% 100%;
-    position: relative;
-    margin: -2.6rem auto px2rem(100);
-
-    .first {
-        .left_ts {
-            width: px2rem(162);
-            height: px2rem(160);
-            position: absolute;
-            left: px2rem(162);
-            top: px2rem(201);
-            z-index: 2;
-        }
-
-        .right_ts {
-            width: px2rem(162);
-            height: px2rem(160);
-            position: absolute;
-            right: px2rem(162);
-            top: px2rem(201);
-            z-index: 2;
-        }
-
-        .left_tx {
-            width: px2rem(132);
-            height: px2rem(132);
-            border-radius: 50%;
-            position: absolute;
-            left: px2rem(175);
-            top: px2rem(217);
-        }
-
-        .right_tx {
-            width: px2rem(132);
-            height: px2rem(132);
-            border-radius: 50%;
-            position: absolute;
-            right: px2rem(175);
-            top: px2rem(217);
-        }
-
-        .score {
-            width: 1.5rem;
-            text-align: center;
-            -webkit-text-stroke: px2rem(1) #FE5A9F;
-            /* Safari */
-            font-size: px2rem(21);
-            color: #fff;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            top: 3.82667rem;
-            font-weight: bold;
-        }
-
-        .leftNick {
-            width: px2rem(162);
-            text-align: center;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            position: absolute;
-            left: px2rem(168);
-            top: px2rem(375);
-            color: #B8004E;
-            font-weight: bold;
-            font-size: px2rem(21);
-        }
-
-        .rightNick {
-            width: px2rem(162);
-            text-align: center;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            position: absolute;
-            right: px2rem(168);
-            top: px2rem(375);
-            color: #B8004E;
-            font-weight: bold;
-            font-size: px2rem(21);
-        }
-    }
-
-    .notFirst {
-        width: px2rem(666);
-        height: 12rem;
-        position: absolute;
-        left: 50%;
-        transform: translateX(-50%);
-        top: px2rem(535);
-        overflow-y: scroll;
-
-        &::-webkit-scrollbar {
-            display: none;
-        }
-
-        li {
-            width: px2rem(666);
-            height: px2rem(137);
-            background: url(../images/listBg.png) no-repeat;
-            background-size: 100% 100%;
-            position: relative;
-            overflow: hidden;
-
-            .num {
-                width: px2rem(50);
-                height: 100%;
-                line-height: px2rem(137);
-                text-align: center;
-                color: #B16B74;
-                font-size: px2rem(23);
-                font-weight: 500;
-                float: left;
-                margin-left: 0.52rem;
-                margin-right: px2rem(15);
-            }
-
-            .left_tx {
-                width: px2rem(82);
-                height: px2rem(82);
-                border-radius: px2rem(82);
-                float: left;
-                margin-top: px2rem(29);
-                border: px2rem(2) solid #FFABC7;
-                margin-right: px2rem(14);
-            }
-
-            .right_tx {
-                width: px2rem(82);
-                height: px2rem(82);
-                border-radius: px2rem(82);
-                float: left;
-                margin-top: px2rem(29);
-                border: px2rem(2) solid #FFABC7;
-            }
-
-            .love {
-                width: px2rem(77);
-                height: px2rem(68);
-                position: absolute;
-                left: px2rem(158);
-                top: px2rem(38);
-            }
-
-            .nickLeft {
-                width: 2.2rem;
-                color: #FF658E;
-                font-size: px2rem(21);
-                font-weight: 500;
-                position: absolute;
-                left: px2rem(300);
-                top: px2rem(44);
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
-
-            .nickRight {
-                width: 2.2rem;
-                color: #FF658E;
-                font-size: px2rem(21);
-                font-weight: 500;
-                position: absolute;
-                left: px2rem(300);
-                top: px2rem(74);
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
-
-            .score {
-                float: right;
-                height: 100%;
-                line-height: px2rem(137);
-                color: #FE5F93;
-                font-size: px2rem(24);
-                margin-right: px2rem(75);
-                font-weight: 500;
-            }
-        }
-    }
-
-    .my {
-        width: px2rem(750);
-        height: 3.16rem;
-        position: fixed;
-        left: 0;
-        bottom: 0;
-        background: url(../images/my.png) no-repeat;
-        background-size: 100% 100%;
-        background: url(../images/my2.png) no-repeat;
-        background-size: 100% 100%;
-        transition: all .3s;
-        z-index: 3;
-
-        .more {
-            width: px2rem(93);
-            height: px2rem(93);
-            position: absolute;
-            right: px2rem(7);
-            top: px2rem(-31);
-        }
-
-        ul {
-            width: 8.88rem;
-            height: 1.82667rem;
-            margin: 1.10667rem auto 0;
-            overflow-y: hidden;
-
-            &::-webkit-scrollbar {
-                display: none;
-            }
-
-            li {
-                width: 100%;
-                height: px2rem(137);
-                background: url(../images/myList.png) no-repeat;
-                background-size: 100% 100%;
-                position: relative;
-                margin-bottom: px2rem(8);
-                overflow: hidden;
-
-                .num {
-                    width: px2rem(50);
-                    height: 100%;
-                    line-height: px2rem(137);
-                    text-align: center;
-                    color: #B16B74;
-                    font-size: px2rem(23);
-                    font-weight: 500;
-                    float: left;
-                    margin-left: 0.52rem;
-                    margin-right: px2rem(15);
-                }
-
-                .left_tx {
-                    width: px2rem(82);
-                    height: px2rem(82);
-                    border-radius: px2rem(82);
-                    float: left;
-                    margin-top: px2rem(29);
-                    border: px2rem(2) solid #FFABC7;
-                    margin-right: px2rem(14);
-                }
-
-                .right_tx {
-                    width: px2rem(82);
-                    height: px2rem(82);
-                    border-radius: px2rem(82);
-                    float: left;
-                    margin-top: px2rem(29);
-                    border: px2rem(2) solid #FFABC7;
-                }
-
-                .love {
-                    width: px2rem(77);
-                    height: px2rem(68);
-                    position: absolute;
-                    left: px2rem(158);
-                    top: px2rem(38);
-                }
-
-                .nickLeft {
-                    width: 2.2rem;
-                    color: #FF658E;
-                    font-size: px2rem(21);
-                    font-weight: 500;
-                    position: absolute;
-                    left: px2rem(300);
-                    top: px2rem(44);
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                }
-
-                .nickRight {
-                    width: 2.2rem;
-                    color: #FF658E;
-                    font-size: px2rem(21);
-                    font-weight: 500;
-                    position: absolute;
-                    left: px2rem(300);
-                    top: px2rem(74);
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                }
-
-                .score {
-                    float: right;
-                    height: 100%;
-                    line-height: px2rem(137);
-                    color: #FE5F93;
-                    font-size: px2rem(24);
-                    margin-right: px2rem(75);
-                    font-weight: 500;
-                }
-
-            }
-
-            .null {
-                background: none;
-                text-align: center;
-                line-height: px2rem(137);
-                color: #FF658E;
-                font-size: px2rem(30);
-                font-weight: 500;
-            }
-        }
-    }
-}
-
-.rule {
-    position: fixed;
-    z-index: 99;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    background: rgba(0, 0, 0, .6);
-    display: none;
-
-    .rule_in {
-        width: px2rem(683);
-        height: px2rem(989);
-        background: url(../images/ruleBg.png) no-repeat;
-        background-size: 100% 100%;
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        overflow: hidden;
-
-        .tab {
-            width: px2rem(498);
-            height: px2rem(92);
-            display: flex;
-            justify-content: space-between;
-            margin: px2rem(180) auto px2rem(19);
-
-            div {
-                width: px2rem(235);
-                height: px2rem(92);
-            }
-
-            .tab1 {
-                background: url(../images/ruleTab1.png) no-repeat;
-                background-size: 100% 100%;
-            }
-
-            .tab2 {
-                background: url(../images/ruleTab2.png) no-repeat;
-                background-size: 100% 100%;
-            }
-
-            .act1 {
-                background: url(../images/ruleTabAct1.png) no-repeat;
-                background-size: 100% 100%;
-            }
-
-            .act2 {
-                background: url(../images/ruleTabAct2.png) no-repeat;
-                background-size: 100% 100%;
-            }
-        }
-
-        .box {
-            width: px2rem(586);
-            height: 8.5rem;
-            margin: 0 auto 0;
-            overflow-y: scroll;
-
-            &::-webkit-scrollbar {
-                display: none;
-            }
-
-            img {
-                display: block;
-                width: 100%;
-            }
-            .img2{
-                display: none;
-            }
-        }
-
-        .box2 {
-            width: px2rem(622);
-        }
-    }
-}
-
-.end {
-    position: fixed;
-    z-index: 99;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    background: rgba(0, 0, 0, .6);
-    display: none;
-
-    .end_in {
-        width: px2rem(525);
-        height: px2rem(411);
-        background: url(../images/endBg.png) no-repeat;
-        background-size: 100% 100%;
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        overflow: hidden;
-    }
-
-    .but {
-        width: px2rem(236);
-        height: px2rem(92);
-        position: absolute;
-        left: 50%;
-        transform: translateX(-50%);
-        bottom: px2rem(61);
-    }
-}
-
-.records {
-    position: fixed;
-    z-index: 99;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    background: rgba(0, 0, 0, .6);
-    display: none;
-
-    .records_in {
-        width: px2rem(721);
-        height: px2rem(636);
-        background: url(../images/recordsBg.png) no-repeat;
-        background-size: 100% 100%;
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        overflow: hidden;
-
-        .title {
-            width: 5.4rem;
-            display: flex;
-            justify-content: space-between;
-            color: #8956AA;
-            font-weight: 500;
-            font-size: px2rem(27);
-            margin: px2rem(187) auto px2rem(36);
-            text-align: center;
-
-            div {
-                width: 2.7rem;
-            }
-        }
-
-        ul {
-            width: 5.4rem;
-            height: 3.4rem;
-            margin: 0 auto;
-            overflow-y: scroll;
-
-            &::-webkit-scrollbar {
-                display: none;
-            }
-
-            li {
-                width: 100%;
-                display: flex;
-                justify-content: space-between;
-                text-align: right;
-                margin-bottom: px2rem(21);
-
-                div {
-                    width: 2.7rem;
-                    box-sizing: border-box;
-                    padding-right: 0.64rem;
-                    color: #8956AA;
-                    font-size: px2rem(20);
-                    font-weight: 400;
-
-                    p {
-                        margin-bottom: px2rem(5);
-                    }
-
-                    b {
-                        font-size: px2rem(16);
-                    }
-                }
-
-                .div2 {
-                    text-align: center;
-                    padding: 0;
-                }
-            }
-
-            .null {
-                .nulls {
-                    text-align: center;
-                    text-indent: 0.6rem;
-                }
-            }
-        }
-    }
-}

view/yinmeng/activity/2024-cityLove/index.html

@@ -1,163 +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">
-        <!-- 规则Icon -->
-        <img src="./images/rule_icon.png" alt="" class="rule_icon">
-        <!-- tab -->
-        <div class="tab">
-            <div class="tab1 act1"></div>
-            <div class="tab2"></div>
-        </div>
-    </div>
-    <!-- 热恋攻略 -->
-    <div class="page1">
-        <img src="./images/page1Box1.png" alt="" class="page1Box1">
-        <img src="./images/page1Box2.png" alt="" class="page1Box2">
-        <img src="./images/page1Box3.png" alt="" class="page1Box3">
-        <div class="page1Box4">
-            <div class="left">0</div>
-            <img src="./images/page1Box4_right.png" alt="" class="right">
-            <div class="dayLimit dayLimit1">日限:0</div>
-            <div class="dayLimit dayLimit2">日限:0</div>
-            <div class="dayLimit dayLimit3">日限:0</div>
-            <img src="./images/notConvert.png" alt="" class="convert convert1">
-            <img src="./images/notConvert.png" alt="" class="convert convert2">
-            <img src="./images/notConvert.png" alt="" class="convert convert3">
-            <img src="./images/notConvert.png" alt="" class="convert convert4">
-            <img src="./images/notConvert.png" alt="" class="convert convert5">
-            <img src="./images/notConvert.png" alt="" class="convert convert6">
-            <img src="./images/notConvert.png" alt="" class="convert convert7">
-            <img src="./images/notConvert.png" alt="" class="convert convert8">
-        </div>
-    </div>
-    <!-- 心跳加速 -->
-    <div class="page2">
-        <!-- 第一名 -->
-        <div class="first">
-            <img src="./images/logo.png" alt="" class="left_tx">
-            <img src="./images/logo.png" alt="" class="right_tx">
-            <img src="./images/left_ts.png" alt="" class="left_ts">
-            <img src="./images/right_ts.png" alt="" class="right_ts">
-            <div class="score"></div>
-            <div class="leftNick"></div>
-            <div class="rightNick"></div>
-        </div>
-        <!-- 非第一名 -->
-        <ul class="notFirst">
-            <li>
-                <div class="num">2</div>
-                <img src="./images/logo.png" alt="" class="left_tx">
-                <img src="./images/logo.png" alt="" class="right_tx">
-                <img src="./images/love.png" alt="" class="love">
-                <div class="nickLeft">虚位以待</div>
-                <div class="nickRight">虚位以待</div>
-                <div class="score">0</div>
-            </li>
-        </ul>
-        <div class="my">
-            <img src="./images/more.png" alt="" class="more">
-            <ul>
-                <li>
-                    <div class="num">2</div>
-                    <img src="./images/logo.png" alt="" class="left_tx">
-                    <img src="./images/logo.png" alt="" class="right_tx">
-                    <img src="./images/love.png" alt="" class="love">
-                    <div class="nickLeft">虚位以待</div>
-                    <div class="nickRight">虚位以待</div>
-                    <div class="score">0</div>
-                </li>
-                <li>
-                    <div class="num">3</div>
-                    <img src="./images/logo.png" alt="" class="left_tx">
-                    <img src="./images/logo.png" alt="" class="right_tx">
-                    <img src="./images/love.png" alt="" class="love">
-                    <div class="nickLeft">虚位以待</div>
-                    <div class="nickRight">虚位以待</div>
-                    <div class="score">0</div>
-                </li>
-                <li>
-                    <div class="num">4</div>
-                    <img src="./images/logo.png" alt="" class="left_tx">
-                    <img src="./images/logo.png" alt="" class="right_tx">
-                    <img src="./images/love.png" alt="" class="love">
-                    <div class="nickLeft">虚位以待</div>
-                    <div class="nickRight">虚位以待</div>
-                    <div class="score">0</div>
-                </li>
-                <li>
-                    <div class="num">5</div>
-                    <img src="./images/logo.png" alt="" class="left_tx">
-                    <img src="./images/logo.png" alt="" class="right_tx">
-                    <img src="./images/love.png" alt="" class="love">
-                    <div class="nickLeft">虚位以待</div>
-                    <div class="nickRight">虚位以待</div>
-                    <div class="score">0</div>
-                </li>
-            </ul>
-        </div>
-    </div>
-    <!-- 活动规则弹窗 -->
-    <div class="rule">
-        <div class="rule_in">
-            <div class="tab">
-                <div class="tab1 act1"></div>
-                <div class="tab2"></div>
-            </div>
-            <div class="box">
-                <img src="./images/rule1.png" alt="" class="img1">
-                <img src="./images/rule2.png" alt="" class="img2">
-            </div>
-        </div>
-    </div>
-    <!-- 活动结束弹窗 -->
-    <div class="end">
-        <div class="end_in">
-            <img src="./images/endBut.png" alt="" class="but">
-        </div>
-    </div>
-    <!-- 兑换记录弹窗 -->
-    <div class="records">
-        <div class="records_in">
-            <div class="title">
-                <div>兑换时间</div>
-                <div>商品</div>
-            </div>
-            <ul>
-                <li>
-                    <div>
-                        <p>2024/01/22</p>
-                        <b>23:59:59</b>
-                    </div>
-                    <div class="div2">
-                        <p>礼物名称</p>
-                        <b>XX天</b>
-                    </div>
-                </li>
-            </ul>
-        </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="./js/index.js"></script>

view/yinmeng/activity/2024-cityLove/js/index.js

@@ -1,377 +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'
-    })
-}
-var listMoreBool = true;
-var taskValue = null;
-var isLock = true;
-var page = 1;
-// 初始化函数
-$(function () {
-    getInfoFromClient();
-    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)
-            }
-        })
-        getCurrency();
-        activityCodeInfo();
-    }, 100)
-})
-
-// 获取时间接口
-function activityCodeInfo() {
-    showLoading()
-    networkRequest({
-        type: 'get',
-        url: urlPrefix + '/activity/info',
-        data: { activityCode: "ACT_2024_HOT_LOVE" },
-        success(res) {
-            if (res.code === 200) {
-                // 判断活动结束时间
-                if (res.timestamp > res.data.endTime) {
-                    $('.end').show();
-                }
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error(err) {
-            hideLoading(layerIndex)
-            toastMsg('網絡錯誤')
-        }
-    })
-}
-// 配置接口
-function getCurrency() {
-    showLoading()
-    networkRequest({
-        type: 'get',
-        url: urlPrefix + '/act/hotLove/currency',
-        data: { redisKey: 'act_user_task_extra_data' },
-        success(res) {
-            if (res.code === 200) {
-                taskValue = res.data;
-                $('.page1 .page1Box4 .left').text(res.data);
-                showLoading()
-                networkRequest({
-                    type: 'get',
-                    url: urlPrefix + '/act/hotLove/rewardList',
-                    data: { activityCode: 'ACT_2024_HOT_LOVE', componentCode: "RE_LIAN_SHANG_DIAN" },
-                    success(res) {
-                        if (res.code === 200) {
-                            res.data.forEach((res, i) => {
-                                if (res.stockValue <= 0) {
-                                    $(`.page1 .page1Box4 .convert${i + 1}`).attr("src", './images/convertOut.png');
-                                    $(`.page1 .page1Box4 .convert${i + 1}`).attr("click", 0);
-                                } else if (taskValue >= res.taskValue) {
-                                    $(`.page1 .page1Box4 .convert${i + 1}`).attr("src", './images/convert.png');
-                                    $(`.page1 .page1Box4 .convert${i + 1}`).attr("click", 1);
-                                } else {
-                                    $(`.page1 .page1Box4 .convert${i + 1}`).attr("src", './images/notConvert.png');
-                                    $(`.page1 .page1Box4 .convert${i + 1}`).attr("click", 0);
-                                }
-                                $(`.page1 .page1Box4 .convert${i + 1}`).attr('taskCode', res.taskCode);
-                                $(`.page1 .page1Box4 .convert${i + 1}`).attr('conditionCode', res.conditionCode);
-                                $(`.page1 .page1Box4 .dayLimit${i + 1}`).text(`日限:${res.stockValue}`)
-                            })
-                        } else {
-                            toastMsg(res.message)
-                        }
-                        hideLoading(layerIndex)
-                    },
-                    error(err) {
-                        hideLoading(layerIndex)
-                        toastMsg('网络错误')
-                    }
-                })
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error(err) {
-            hideLoading(layerIndex)
-            toastMsg('网络错误')
-        }
-    })
-}
-// tab切换
-$('.header .tab div').click(function () {
-    var i = $(this).index() + 1;
-    $('.header .tab div').removeClass('act1').removeClass('act2');
-    $(this).addClass(`act${i}`);
-    $(`.page${i}`).show();
-    i == 1 ? $('.page2').hide() : $('.page1').hide();
-    if (i == 2) {
-        getRank();
-    }
-})
-
-// 榜单接口
-function getRank() {
-    $('.page2 .my ul li').remove();
-    $('.page2 .notFirst li').remove();
-    showLoading()
-    networkRequest({
-        type: 'get',
-        url: urlPrefix + '/act/2024Valentines/cpRank/getRank',
-        data: { pageSize: 30 },
-        success(res) {
-            if (res.code === 200) {
-                var first = res.data.rankList.slice(0, 1);
-                var notFirst = res.data.rankList.slice(1);
-                // 处理第一名
-                if (first.length < 1) {
-                    let arr = new Array(3 - first.length).fill({
-                        leftAvatar: './images/logo.png',
-                        rightAvatar: './images/logo.png',
-                        leftNick: '虚位以待',
-                        rightNick: '虚位以待',
-                        score: "0"
-                    })
-                    first.push(...arr)
-                }
-                first.forEach(res => {
-                    $('.page2 .first .left_tx').attr('src', res.leftAvatar);
-                    $('.page2 .first .right_tx').attr('src', res.rightAvatar);
-                    $('.page2 .first .leftNick').text(res.leftNick)
-                    $('.page2 .first .rightNick').text(res.rightNick)
-                    $('.page2 .first .score').text(unitProcessing(res.score, 10000, 1, 'w'))
-                })
-                // 处理非第一名
-                var str = '';
-                notFirst.forEach((res, i) => {
-                    str += `
-                        <li>
-                            <div class="num">${res.ranking}</div>
-                            <img src="${res.leftAvatar}" alt="" class="left_tx">
-                            <img src="${res.rightAvatar}" alt="" class="right_tx">
-                            <img src="./images/love.png" alt="" class="love">
-                            <div class="nickLeft">${res.leftNick}</div>
-                            <div class="nickRight">${res.rightNick}</div>
-                            <div class="score">${unitProcessing(res.score, 10000, 1, 'w')}</div>
-                        </li>`
-                })
-                $('.page2 .notFirst').append(str);
-                // 处理自己
-                var strMy = '';
-                if (res.data.meRankList.length <= 0) {
-                    $('.page2 .my .more').hide();
-                    strMy += `<li class="null">暂无组合~</li>`
-                } else {
-                    $('.page2 .my .more').show();
-                    res.data.meRankList.forEach((res, i) => {
-                        strMy += `
-                        <li>
-                            <div class="num">${res.ranking == 0 ? '30+' : res.ranking}</div>
-                            <img src="${res.leftAvatar}" alt="" class="left_tx">
-                            <img src="${res.rightAvatar}" alt="" class="right_tx">
-                            <img src="./images/love.png" alt="" class="love">
-                            <div class="nickLeft">${res.leftNick}</div>
-                            <div class="nickRight">${res.rightNick}</div>
-                            <div class="score">${unitProcessing(res.score, 10000, 1, 'w')}</div>
-                        </li>
-                    `
-                    })
-                }
-                $('.page2 .my ul').append(strMy)
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error(err) {
-            hideLoading(layerIndex)
-            toastMsg('网络错误')
-
-        }
-    })
-}
-// 榜单查看更多按钮
-$('.page2 .my .more').click(function () {
-    if (listMoreBool) {
-        $('.page2 .my').css({ "height": '7.76rem', "background": "url(./images/my2.png) no-repeat", "background-size": "100% 100%" });
-        $('.page2 .my .more').css({ "transform": "rotate(180deg)" });
-        $('.page2 .my ul').css({ "height": "6.4rem", "overflow-y": "scroll" });
-        bodyScroolFun(true);
-    } else {
-        $('.page2 .my').css({ "height": '3.16rem', "background": "url(./images/my.png) no-repeat", "background-size": "100% 100%" });
-        $('.page2 .my .more').css({ "transform": "rotate(0deg)" });
-        $('.page2 .my ul').css({ "height": "1.82667rem", "overflow-y": "hidden" });
-        bodyScroolFun(false);
-    }
-    $('.page2 .my ul').scrollTop(0);
-    listMoreBool = !listMoreBool;
-})
-// 活动规则切换
-$('.rule .rule_in .tab div').click(function () {
-    var i = $(this).index() + 1;
-    $('.rule .rule_in .tab div').removeClass('act1').removeClass('act2');
-    $(this).addClass(`act${i}`);
-    // $(`.rule .rule_in .box img`).attr('src', `./images/rule${i}.png`);
-    $(`.rule .rule_in .box .img1,.rule .rule_in .box .img2`).hide();
-    $(`.rule .rule_in .box .img${i}`).show();
-    i == 1 ? $('.rule .rule_in .box').removeClass('box2') : $('.rule .rule_in .box').addClass('box2');
-    return false;
-})
-// 打开活动规则
-$('.header .rule_icon').click(function () {
-    $('.rule').show();
-    bodyScroolFun(true);
-})
-// 关闭活动规则
-$('.rule').click(function () {
-    $('.rule').hide();
-    bodyScroolFun(false);
-})
-// 关闭活动结束
-$('.end .but').click(function () {
-    $('.end').hide();
-    bodyScroolFun(false);
-    $('.header .tab div').removeClass('act1').removeClass('act2');
-    $('.header .tab .tab2').addClass(`act${2}`);
-    $(`.page${2}`).show();
-    $('.page1').hide();
-    getRank();
-})
-// 打开记录弹窗
-$('.page1 .page1Box4 .right').click(function () {
-    $('.records .records_in ul li').remove();
-    isLock = true;
-    page = 1;
-    record(page);
-    bodyScroolFun(true);
-})
-// 关闭记录弹窗
-$('.records').click(function () {
-    $('.records').hide();
-    bodyScroolFun(false);
-})
-// 兑换按钮
-$('.page1 .page1Box4 .convert').click(function () {
-    var taskcode = $(this).attr('taskcode');
-    var conditionCode = $(this).attr('conditionCode');
-    var bool = $(this).attr('click');
-    if (bool == 1) {
-        exchange(taskcode, conditionCode);
-    }
-})
-// 兑换接口
-function exchange(taskCode, conditionCode) {
-    showLoading()
-    networkRequest({
-        type: 'post',
-        url: urlPrefix + '/act/hotLove/exchange',
-        data: { taskCode, activityCode: 'ACT_2024_HOT_LOVE', conditionCode, },
-        success(res) {
-            if (res.code === 200) {
-                getCurrency();
-                toastMsg('兑换成功')
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error(err) {
-            hideLoading(layerIndex)
-            toastMsg('网络错误')
-        }
-    })
-}
-// 兑换记录滚动
-$('.records .records_in ul').scroll(function () {
-    let scrollTop = $(this).scrollTop()
-    let scrollHeight = $('.records .records_in ul')[0].scrollHeight
-    let ulHeight = $(this).innerHeight()
-    if (scrollTop + ulHeight + 100 >= scrollHeight) {
-        if (isLock) {
-            // 请求下一页
-            page++;
-            record(page)
-            isLock = false;
-        }
-    }
-})
-
-// 记录接口
-function record(pageNum) {
-    showLoading()
-    networkRequest({
-        type: 'get',
-        url: urlPrefix + '/activity/task/user/record/page',
-        data: { activityCode: 'ACT_2024_HOT_LOVE', componentCode: 'RE_LIAN_SHANG_DIAN', pageNum, pageSize: 10 },
-        success(res) {
-            if (res.code === 200) {
-                var str = '';
-                if (res.data.records.length <= 0 && pageNum == 1) {
-                    str += `<li class="null"><div class="nulls">暂无</div><div class="nulls">暂无</div></li>`
-                    isLock = false;
-                } else {
-                    res.data.records.forEach(res => {
-                        str += `
-                    <li>
-                        <div>
-                            <p>${dateFormat(res.createTime, "yyyy/MM/dd")}</p>
-                            <b>${dateFormat(res.createTime, "hh/mm/ss")}</b>
-                        </div>
-                        <div class="div2">
-                            <p>${res.rewardName}</p>
-                            <b>${res.rewardNum}${rewardTypeFun(res.rewardType).unit}</b>
-                        </div>
-                    </li>
-                    `})
-                }
-                $('.records .records_in ul').append(str);
-                $('.records').show();
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error(err) {
-            hideLoading(layerIndex)
-            toastMsg('网络错误')
-
-        }
-    })
-}

view/yinmeng/activity/2024-goddessesDay/css/index.css

@@ -1,498 +0,0 @@
-html,
-body {
-  width: 100%;
-  background: #FBABAD;
-}
-
-.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: 14.56rem;
-  background: url(../images/header.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  margin: 0 auto 0.24rem;
-}
-
-.header .rule_icon {
-  width: 1.14667rem;
-  height: 3.4rem;
-  position: absolute;
-  right: 0rem;
-  top: 6.25333rem;
-}
-
-.tabBox {
-  width: 7.66667rem;
-  height: 1.13333rem;
-  margin: 0 auto 0.22667rem;
-  display: flex;
-  justify-content: space-between;
-}
-
-.tabBox div {
-  width: 3.58667rem;
-}
-
-.tabBox .tab1 {
-  background: url(../images/tab1.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.tabBox .tab2 {
-  background: url(../images/tab2.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.tabBox .tabAct1 {
-  background: url(../images/tabAct1.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.tabBox .tabAct2 {
-  background: url(../images/tabAct2.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.page1 {
-  width: 9.44rem;
-  height: 18.6rem;
-  margin: 0 auto 0.34667rem;
-  background: url(../images/page1Bg.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.page2 {
-  display: none;
-  width: 9.44rem;
-  height: 18.42667rem;
-  background: url(../images/page2Bg.png) no-repeat;
-  background-size: 100% 100%;
-  margin: 0 auto 2.06667rem;
-  overflow: hidden;
-}
-
-.page2 .tablist {
-  width: 4.90667rem;
-  height: 0.70667rem;
-  display: flex;
-  justify-content: space-between;
-  margin: 0.50667rem auto 0.93333rem;
-  background: url(../images/tabListBg.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.page2 .tablist div {
-  width: 2.45333rem;
-  height: 0.70667rem;
-  line-height: 0.70667rem;
-  color: #FFFFFF;
-  font-size: 0.38667rem;
-  font-weight: 500;
-  text-align: center;
-}
-
-.page2 .tablist .act {
-  background: url(../images/tabListAct.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.page2 .top3Box {
-  width: 8.33333rem;
-  height: 3.13333rem;
-  position: relative;
-  margin: 0 auto 0.33333rem;
-}
-
-.page2 .top3Box .no1 {
-  width: 2.73333rem;
-  height: 3.49333rem;
-  background: url(../images/no1Bg.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0;
-}
-
-.page2 .top3Box .no1 .ts {
-  width: 1.56rem;
-  height: 1.58667rem;
-  z-index: 2;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.96rem;
-}
-
-.page2 .top3Box .no1 .tx {
-  width: 1.21333rem;
-  height: 1.21333rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 2.10667rem;
-  border-radius: 50%;
-}
-
-.page2 .top3Box .no1 .name {
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: #AE3E4E;
-  font-size: 0.30667rem;
-  font-weight: 500;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.38667rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no1 p {
-  width: 100%;
-  color: #AE3E4E;
-  font-size: 0.26667rem;
-  font-weight: 400;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.70667rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no1 .score {
-  width: 100%;
-  color: #fff;
-  font-size: 0.26667rem;
-  font-weight: 400;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.24rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no2 {
-  width: 2.73333rem;
-  height: 3.13333rem;
-  background: url(../images/no23Bg.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 0%;
-  bottom: 0;
-}
-
-.page2 .top3Box .no2 .ts {
-  width: 1.56rem;
-  height: 1.58667rem;
-  z-index: 2;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.72rem;
-}
-
-.page2 .top3Box .no2 .tx {
-  width: 1.21333rem;
-  height: 1.21333rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.89333rem;
-  border-radius: 50%;
-}
-
-.page2 .top3Box .no2 .name {
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: #AE3E4E;
-  font-size: 0.30667rem;
-  font-weight: 500;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.26667rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no2 p {
-  width: 100%;
-  color: #AE3E4E;
-  font-size: 0.26667rem;
-  font-weight: 400;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.72rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no2 .score {
-  width: 100%;
-  color: #fff;
-  font-size: 0.26667rem;
-  font-weight: 400;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.26667rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no3 {
-  width: 2.73333rem;
-  height: 3.13333rem;
-  background: url(../images/no23Bg.png) no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  right: 0%;
-  bottom: 0;
-}
-
-.page2 .top3Box .no3 .ts {
-  width: 1.56rem;
-  height: 1.58667rem;
-  z-index: 2;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.72rem;
-}
-
-.page2 .top3Box .no3 .tx {
-  width: 1.21333rem;
-  height: 1.21333rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.89333rem;
-  border-radius: 50%;
-}
-
-.page2 .top3Box .no3 .name {
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: #AE3E4E;
-  font-size: 0.30667rem;
-  font-weight: 500;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 1.26667rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no3 p {
-  width: 100%;
-  color: #AE3E4E;
-  font-size: 0.26667rem;
-  font-weight: 400;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.72rem;
-  text-align: center;
-}
-
-.page2 .top3Box .no3 .score {
-  width: 100%;
-  color: #fff;
-  font-size: 0.26667rem;
-  font-weight: 400;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0.26667rem;
-  text-align: center;
-}
-
-.page2 ul {
-  width: 9.26667rem;
-  height: 12.6rem;
-  overflow-y: scroll;
-  margin: 0 auto 0;
-}
-
-.page2 ul::-webkit-scrollbar {
-  display: none;
-}
-
-.page2 ul li {
-  width: 100%;
-  height: 1.53333rem;
-  background: url(../images/liBg.png) no-repeat;
-  background-size: 100% 100%;
-  margin-bottom: 0.02667rem;
-}
-
-.page2 ul li .num {
-  width: 0.46667rem;
-  height: 1.53333rem;
-  line-height: 1.53333rem;
-  color: #AE3E4E;
-  font-size: 0.4rem;
-  font-weight: 400;
-  margin-left: 0.38667rem;
-  text-align: center;
-  margin-right: 0.6rem;
-  float: left;
-}
-
-.page2 ul li .tx {
-  width: 1.16rem;
-  height: 1.16rem;
-  border-radius: 50%;
-  border: 0.02667rem solid #AE3E4E;
-  margin-top: 0.2rem;
-  margin-right: 0.37333rem;
-  display: block;
-  float: left;
-}
-
-.page2 ul li .name {
-  width: 3rem;
-  height: 1.53333rem;
-  line-height: 1.53333rem;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: #AE3E4E;
-  font-size: 0.36rem;
-  float: left;
-}
-
-.page2 ul li .score {
-  float: right;
-  height: 1.53333rem;
-  line-height: 1.53333rem;
-  color: #AE3E4E;
-  font-weight: 400;
-  margin-right: 0.56rem;
-}
-
-.page2 .my {
-  position: fixed;
-  width: 10rem;
-  height: 2.06667rem;
-  background: url(../images/my.png) no-repeat;
-  background-size: 100% 100%;
-  margin-bottom: 0.02667rem;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0;
-}
-
-.page2 .my .num {
-  width: 1.33333rem;
-  height: 2.06667rem;
-  line-height: 2.06667rem;
-  color: #AE3E4E;
-  font-size: 0.4rem;
-  font-weight: 400;
-  margin-left: 0.38667rem;
-  text-align: center;
-  margin-right: 0.25333rem;
-  float: left;
-}
-
-.page2 .my .tx {
-  width: 1.16rem;
-  height: 1.16rem;
-  border-radius: 50%;
-  border: 0.02667rem solid #AE3E4E;
-  margin-top: 0.42667rem;
-  margin-right: 0.37333rem;
-  display: block;
-  float: left;
-}
-
-.page2 .my .name {
-  width: 3rem;
-  height: 2.06667rem;
-  line-height: 2.06667rem;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: #AE3E4E;
-  font-size: 0.36rem;
-  float: left;
-}
-
-.page2 .my .score {
-  float: right;
-  height: 2.06667rem;
-  line-height: 2.06667rem;
-  color: #AE3E4E;
-  font-weight: 400;
-  margin-right: 0.56rem;
-}
-
-.rule {
-  display: none;
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  z-index: 999;
-  background: rgba(0, 0, 0, 0.6);
-}
-
-.rule .rule_in {
-  width: 8.76rem;
-  height: 13.13333rem;
-  background: url(../images/ruleBg.png) no-repeat;
-  background-size: 100% 100%;
-  overflow: hidden;
-  position: relative;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.rule .rule_in .rulebox {
-  width: 8.06667rem;
-  height: 11.5rem;
-  margin: 1.38667rem auto 0;
-  overflow-y: scroll;
-}
-
-.rule .rule_in .rulebox::-webkit-scrollbar {
-  display: none;
-}
-
-.rule .rule_in .rulebox img {
-  display: block;
-  width: 100%;
-}

view/yinmeng/activity/2024-goddessesDay/css/index.scss

@@ -1,507 +0,0 @@
-@function px2rem($px) {
-    @return $px / 75+rem;
-}
-
-html,
-body {
-    width: 100%;
-    background: #FBABAD;
-}
-
-// 返回按钮
-.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(1092);
-    background: url(../images/header.png) no-repeat;
-    background-size: 100% 100%;
-    position: relative;
-    margin: 0 auto px2rem(18);
-
-    .rule_icon {
-        width: px2rem(86);
-        height: px2rem(255);
-        position: absolute;
-        right: px2rem(0);
-        top: px2rem(469);
-    }
-}
-
-.tabBox {
-    width: px2rem(575);
-    height: px2rem(85);
-    margin: 0 auto px2rem(17);
-    display: flex;
-    justify-content: space-between;
-
-    div {
-        width: px2rem(269);
-    }
-
-    .tab1 {
-        background: url(../images/tab1.png) no-repeat;
-        background-size: 100% 100%;
-    }
-
-    .tab2 {
-        background: url(../images/tab2.png) no-repeat;
-        background-size: 100% 100%;
-    }
-
-    .tabAct1 {
-        background: url(../images/tabAct1.png) no-repeat;
-        background-size: 100% 100%;
-    }
-
-    .tabAct2 {
-        background: url(../images/tabAct2.png) no-repeat;
-        background-size: 100% 100%;
-    }
-}
-
-.page1 {
-    // display: none;
-    width: px2rem(708);
-    height: px2rem(1395);
-    margin: 0 auto px2rem(26);
-    background: url(../images/page1Bg.png) no-repeat;
-    background-size: 100% 100%;
-}
-
-.page2 {
-    display: none;
-    width: px2rem(708);
-    height: px2rem(1382);
-    background: url(../images/page2Bg.png) no-repeat;
-    background-size: 100% 100%;
-    margin: 0 auto px2rem(155);
-    overflow: hidden;
-
-    .tablist {
-        width: px2rem(368);
-        height: px2rem(53);
-        display: flex;
-        justify-content: space-between;
-        margin: px2rem(38) auto px2rem(70);
-        background: url(../images/tabListBg.png) no-repeat;
-        background-size: 100% 100%;
-
-        div {
-            width: px2rem(184);
-            height: px2rem(53);
-            line-height: px2rem(53);
-            color: #FFFFFF;
-            font-size: px2rem(29);
-            font-weight: 500;
-            text-align: center;
-        }
-
-        .act {
-            background: url(../images/tabListAct.png) no-repeat;
-            background-size: 100% 100%;
-        }
-    }
-
-    .top3Box {
-        width: px2rem(625);
-        height: px2rem(235);
-        position: relative;
-        margin: 0 auto px2rem(25);
-
-        .no1 {
-            width: px2rem(205);
-            height: px2rem(262);
-            background: url(../images/no1Bg.png) no-repeat;
-            background-size: 100% 100%;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            bottom: 0;
-
-            .ts {
-                width: px2rem(117);
-                height: px2rem(119);
-                z-index: 2;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(147);
-            }
-
-            .tx {
-                width: px2rem(91);
-                height: px2rem(91);
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(158);
-                border-radius: 50%;
-            }
-
-            .name {
-                width: 100%;
-                //超出省略号
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                color: #AE3E4E;
-                font-size: px2rem(23);
-                font-weight: 500;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(104);
-                text-align: center;
-            }
-
-            p {
-                width: 100%;
-                color: #AE3E4E;
-                font-size: px2rem(20);
-                font-weight: 400;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(53);
-                text-align: center;
-            }
-
-            .score {
-                width: 100%;
-                color: #fff;
-                font-size: px2rem(20);
-                font-weight: 400;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(18);
-                text-align: center;
-            }
-        }
-
-        .no2 {
-            width: px2rem(205);
-            height: px2rem(235);
-            background: url(../images/no23Bg.png) no-repeat;
-            background-size: 100% 100%;
-            position: absolute;
-            left: 0%;
-            bottom: 0;
-
-            .ts {
-                width: px2rem(117);
-                height: px2rem(119);
-                z-index: 2;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(129);
-            }
-
-            .tx {
-                width: px2rem(91);
-                height: px2rem(91);
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(142);
-                border-radius: 50%;
-            }
-
-            .name {
-                width: 100%;
-                //超出省略号
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                color: #AE3E4E;
-                font-size: px2rem(23);
-                font-weight: 500;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(95);
-                text-align: center;
-            }
-
-            p {
-                width: 100%;
-                color: #AE3E4E;
-                font-size: px2rem(20);
-                font-weight: 400;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(54);
-                text-align: center;
-            }
-
-            .score {
-                width: 100%;
-                color: #fff;
-                font-size: px2rem(20);
-                font-weight: 400;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(20);
-                text-align: center;
-            }
-        }
-
-        .no3 {
-            width: px2rem(205);
-            height: px2rem(235);
-            background: url(../images/no23Bg.png) no-repeat;
-            background-size: 100% 100%;
-            position: absolute;
-            right: 0%;
-            bottom: 0;
-
-            .ts {
-                width: px2rem(117);
-                height: px2rem(119);
-                z-index: 2;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(129);
-            }
-
-            .tx {
-                width: px2rem(91);
-                height: px2rem(91);
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(142);
-                border-radius: 50%;
-            }
-
-            .name {
-                width: 100%;
-                //超出省略号
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                color: #AE3E4E;
-                font-size: px2rem(23);
-                font-weight: 500;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(95);
-                text-align: center;
-            }
-
-            p {
-                width: 100%;
-                color: #AE3E4E;
-                font-size: px2rem(20);
-                font-weight: 400;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(54);
-                text-align: center;
-            }
-
-            .score {
-                width: 100%;
-                color: #fff;
-                font-size: px2rem(20);
-                font-weight: 400;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: px2rem(20);
-                text-align: center;
-            }
-        }
-    }
-
-    ul {
-        width: px2rem(695);
-        height: 12.6rem;
-        overflow-y: scroll;
-        margin: 0 auto 0;
-
-        &::-webkit-scrollbar {
-            display: none;
-        }
-
-        li {
-            width: 100%;
-            height: px2rem(115);
-            background: url(../images/liBg.png) no-repeat;
-            background-size: 100% 100%;
-            margin-bottom: px2rem(2);
-
-            .num {
-                width: px2rem(35);
-                height: px2rem(115);
-                line-height: px2rem(115);
-                color: #AE3E4E;
-                font-size: px2rem(30);
-                font-weight: 400;
-                margin-left: px2rem(29);
-                text-align: center;
-                margin-right: px2rem(45);
-                float: left;
-            }
-
-            .tx {
-                width: px2rem(87);
-                height: px2rem(87);
-                border-radius: 50%;
-                border: px2rem(2) solid #AE3E4E;
-                margin-top: px2rem(15);
-                margin-right: px2rem(28);
-                display: block;
-                float: left;
-            }
-
-            .name {
-                width: 3rem;
-                height: px2rem(115);
-                line-height: px2rem(115);
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                color: #AE3E4E;
-                font-size: px2rem(27);
-                float: left;
-            }
-
-            .score {
-                float: right;
-                height: px2rem(115);
-                line-height: px2rem(115);
-                color: #AE3E4E;
-                font-weight: 400;
-                margin-right: px2rem(42);
-            }
-        }
-    }
-
-    .my {
-        position: fixed;
-        width: px2rem(750);
-        height: px2rem(155);
-        background: url(../images/my.png) no-repeat;
-        background-size: 100% 100%;
-        margin-bottom: px2rem(2);
-        left: 50%;
-        transform: translateX(-50%);
-        bottom: 0;
-
-        .num {
-            width: px2rem(100);
-            height: px2rem(155);
-            line-height: px2rem(155);
-            color: #AE3E4E;
-            font-size: px2rem(30);
-            font-weight: 400;
-            margin-left: px2rem(29);
-            text-align: center;
-            margin-right: px2rem(19);
-            float: left;
-        }
-
-        .tx {
-            width: px2rem(87);
-            height: px2rem(87);
-            border-radius: 50%;
-            border: px2rem(2) solid #AE3E4E;
-            margin-top: px2rem(32);
-            margin-right: px2rem(28);
-            display: block;
-            float: left;
-        }
-
-        .name {
-            width: 3rem;
-            height: px2rem(155);
-            line-height: px2rem(155);
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            color: #AE3E4E;
-            font-size: px2rem(27);
-            float: left;
-        }
-
-        .score {
-            float: right;
-            height: px2rem(155);
-            line-height: px2rem(155);
-            color: #AE3E4E;
-            font-weight: 400;
-            margin-right: px2rem(42);
-        }
-    }
-}
-
-.rule {
-    display: none;
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    z-index: 999;
-    background: rgba(0, 0, 0, .6);
-
-    .rule_in {
-        width: px2rem(657);
-        height: px2rem(985);
-        background: url(../images/ruleBg.png) no-repeat;
-        background-size: 100% 100%;
-        overflow: hidden;
-        position: relative;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-
-        .rulebox {
-            width: px2rem(605);
-            height: 11.5rem;
-            margin: px2rem(104) auto 0;
-            overflow-y: scroll;
-
-            &::-webkit-scrollbar {
-                display: none;
-            }
-
-            img {
-                display: block;
-                width: 100%;
-            }
-        }
-    }
-}

view/yinmeng/activity/2024-goddessesDay/index.html

@@ -1,101 +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>
-
-    <!-- header -->
-    <div class="header">
-        <img src="./images/rule_icon.png" alt="" class="rule_icon">
-    </div>
-
-    <!-- tab -->
-    <div class="tabBox">
-        <div class="tab1 tabAct1"></div>
-        <div class="tab2"></div>
-    </div>
-
-    <!-- page1 -->
-    <div class="page1"></div>
-
-    <!-- page2 -->
-    <div class="page2">
-        <!-- tab -->
-        <div class="tablist">
-            <div class="act">守护榜</div>
-            <div>女神榜</div>
-        </div>
-        <!-- 前三 -->
-        <div class="top3Box">
-            <div class="no1">
-                <img src="./images/no1.png" alt="" class="ts">
-                <img src="./images/logo.png" alt="" class="tx">
-                <div class="name">用户昵称</div>
-                <p>守护榜</p>
-                <div class="score">0</div>
-            </div>
-            <div class="no2">
-                <img src="./images/no2.png" alt="" class="ts">
-                <img src="./images/logo.png" alt="" class="tx">
-                <div class="name">用户昵称</div>
-                <p>守护榜</p>
-                <div class="score">0</div>
-            </div>
-            <div class="no3">
-                <img src="./images/no3.png" alt="" class="ts">
-                <img src="./images/logo.png" alt="" class="tx">
-                <div class="name">用户昵称</div>
-                <p>守护榜</p>
-                <div class="score">0</div>
-            </div>
-        </div>
-
-        <!-- 非前三 -->
-        <ul>
-            <li>
-                <div class="num">04</div>
-                <img src="./images/logo.png" alt="" class="tx">
-                <div class="name">用户昵称</div>
-                <div class="score">守护榜:0</div>
-            </li>
-        </ul>
-
-        <!-- 我自己 -->
-        <div class="my">
-            <div class="num">未上榜</div>
-            <img src="./images/logo.png" alt="" class="tx">
-            <div class="name">用户昵称</div>
-            <div class="score">守护榜:0</div>
-        </div>
-    </div>
-
-    <!-- 活动规则 -->
-    <div class="rule">
-        <div class="rule_in">
-            <div class="rulebox">
-                <img src="./images/rule.png" alt="">
-            </div>
-        </div>
-    </div>
-
-</body>
-<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="./js/index.js"></script>
-
-</html>

view/yinmeng/activity/2024-goddessesDay/js/index.js

@@ -1,140 +0,0 @@
-let urlPrefix = getUrlPrefix()
-let browser = checkVersion()
-let env = EnvCheck();
-if (env == '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'
-    })
-}
-var rankType = 2;
-// 初始化函数
-$(function () {
-    getInfoFromClient()
-    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)
-            }
-        })
-    }, 100)
-})
-
-// 获取榜单接口
-function getRank () {
-    showLoading()
-    networkRequest({
-        type: 'get',
-        url: urlPrefix + '/act/special/gift/getRank',
-        data: {
-            rankType,
-            pageSize: 30
-        },
-        success (res) {
-            if (res.code === 200) {
-                // 处理前叁
-                var top3 = res.data.rankList.slice(0, 3);
-                var notTop3 = res.data.rankList.slice(3);
-                if (top3.length < 3) {
-                    let arr = new Array(3 - top3.length).fill({
-                        avatar: './images/logo.png',
-                        nick: '虚位以待',
-                        score: "0",
-                    })
-                    top3.push(...arr)
-                }
-                top3.forEach((res, i) => {
-                    $(`.page2 .top3Box .no${i + 1} .tx`).attr('src', res.avatar);
-                    $(`.page2 .top3Box .no${i + 1} .name`).text(res.nick);
-                    $(`.page2 .top3Box .no${i + 1} p`).text(`${rankType == 2 ? "守护值" : "女神值"}`);
-                    $(`.page2 .top3Box .no${i + 1} .score`).text(unitProcessing(res.score, 10000, 1, 'w'));
-                })
-                // 非前叁
-                $('.page2 ul li').remove();
-                var str = '';
-                notTop3.forEach((res, i) => {
-                    str += `
-                        <li>
-                            <div class="num">${res.ranking}</div>
-                            <img src="${res.avatar}" alt="" class="tx">
-                            <div class="name">${res.nick}</div>
-                            <div class="score">${rankType == 2 ? "守护值" : "女神值"}:${unitProcessing(res.score, 10000, 1, 'w')}</div>
-                        </li>
-                    `
-                });
-                $('.page2 ul').append(str);
-                // 处理自己榜单
-                $('.page2 .my .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
-                $('.page2 .my .tx').attr('src', res.data.meRank.avatar);
-                $('.page2 .my .name').text(res.data.meRank.nick);
-                $('.page2 .my .score').text(`${rankType == 2 ? "守护值:" : "女神值:"}${unitProcessing(res.data.meRank.score, 10000, 1, 'w')}`);
-            } else {
-                toastMsg(res.message)
-            }
-            hideLoading(layerIndex)
-        },
-        error (err) {
-            hideLoading(layerIndex)
-            toastMsg('网路错误，请退出重进')
-        }
-    })
-}
-
-// tab切换
-$('.tabBox div').click(function () {
-    var i = $(this).index() + 1;
-    $('.tabBox div').removeClass('tabAct1').removeClass('tabAct2');
-    $(this).addClass(`tabAct${i}`);
-    $('.page1,.page2').hide();
-    $(`.page${i}`).show();
-    if (i == 2) {
-        getRank();
-    }
-})
-$('.page2 .tablist div').click(function () {
-    var i = $(this).index() + 1;
-    $(this).addClass('act').siblings().removeClass('act');
-    rankType = i == 1 ? 2 : 4;
-    getRank();
-})
-
-// 打开规则
-$('.header .rule_icon').click(function () {
-    $('.rule').show();
-    bodyScroolFun(true);
-})
-// 关闭规则
-$('.rule').click(function () {
-    $('.rule').hide();
-    bodyScroolFun(false);
-})