修复样式

2025-01-14 17:23:23 +08:00
parent faaa55dc68
commit c9d75cc5e6
15 changed files with 78 additions and 7 deletions
--- a/view/molistar/modules/newRank/css/index.css
+++ b/view/molistar/modules/newRank/css/index.css
@@ -57,6 +57,19 @@ body {
  overflow: hidden;
 }

+.newText11 {
+  width: 100%;
+  position: fixed;
+  height: 2rem;
+  z-index: 9;
+  text-align: center;
+  color: #FFF8C2;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  line-height: 3rem;
+  overflow: hidden;
+}
+
 .header {
  width: 10rem;
  height: 17rem;
--- a/view/molistar/modules/newRank/css/index.scss
+++ b/view/molistar/modules/newRank/css/index.scss
@@ -62,6 +62,21 @@ body {
    overflow: hidden;
 }

+.newText11 {
+    width: 100%;
+    position: fixed;
+    height: 2rem;
+    // background:rgba(0, 0, 0, .65);
+    // background: #000;
+    z-index: 9;
+    text-align: center;
+    color: #FFF8C2;
+    font-size: px2rem(32);
+    font-weight: 600;
+    line-height: 3rem;
+    overflow: hidden;
+}
+
 .header {
    width: px2rem(750);
    // height: px2rem(1229);
--- a/view/molistar/modules/newRank/css/monthlyRewards.css
+++ b/view/molistar/modules/newRank/css/monthlyRewards.css
@@ -57,6 +57,19 @@ body {
  overflow: hidden;
 }

+.newText22 {
+  width: 100%;
+  position: fixed;
+  height: 2rem;
+  z-index: 9;
+  text-align: center;
+  color: #FFF8C2;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  line-height: 3rem;
+  overflow: hidden;
+}
+
 .header {
  width: 10rem;
  height: 17rem;
@@ -357,17 +370,17 @@ body {
 }

 .header1 {
-  background: url(../images/header1.png) no-repeat;
+  background: url(../images/header11.png) no-repeat;
  background-size: 100% 14.26667rem;
 }

 .header2 {
-  background: url(../images/header2.png) no-repeat;
+  background: url(../images/header22.png) no-repeat;
  background-size: 100% 14.26667rem;
 }

 .header3 {
-  background: url(../images/header3.png) no-repeat;
+  background: url(../images/header33.png) no-repeat;
  background-size: 100% 14.26667rem;
 }

--- a/view/molistar/modules/newRank/css/monthlyRewards.scss
+++ b/view/molistar/modules/newRank/css/monthlyRewards.scss
@@ -61,6 +61,20 @@ body {
    height: 0;
    overflow: hidden;
 }
+.newText22 {
+    width: 100%;
+    position: fixed;
+    height: 2rem;
+    // background:rgba(0, 0, 0, .65);
+    // background: #000;
+    z-index: 9;
+    text-align: center;
+    color: #FFF8C2;
+    font-size: px2rem(32);
+    font-weight: 600;
+    line-height: 3rem;
+    overflow: hidden;
+}

 .header {
    width: px2rem(750);
@@ -368,17 +382,17 @@ body {
 }

 .header1 {
-    background: url(../images/header1.png) no-repeat;
+    background: url(../images/header11.png) no-repeat;
    background-size: 100% px2rem(1070);
 }

 .header2 {
-    background: url(../images/header2.png) no-repeat;
+    background: url(../images/header22.png) no-repeat;
    background-size: 100% px2rem(1070);
 }

 .header3 {
-    background: url(../images/header3.png) no-repeat;
+    background: url(../images/header33.png) no-repeat;
    background-size: 100% px2rem(1070);

    .top {
--- a/view/molistar/modules/newRank/images/header11.png
+++ b/view/molistar/modules/newRank/images/header11.png
--- a/view/molistar/modules/newRank/images/header22.png
+++ b/view/molistar/modules/newRank/images/header22.png
--- a/view/molistar/modules/newRank/images/header33.png
+++ b/view/molistar/modules/newRank/images/header33.png
--- a/view/molistar/modules/newRank/index.html
+++ b/view/molistar/modules/newRank/index.html
@@ -16,6 +16,7 @@
        <!-- <p class="newText1">Honor Ranking</p> -->
    </div>
    <p class="newText1"></p>
+    <p class="newText11"></p>
    <!-- 头部 -->
    <div class="header header1">
        <div class="tabBox">
--- a/view/molistar/modules/newRank/js/index.js
+++ b/view/molistar/modules/newRank/js/index.js
@@ -68,6 +68,7 @@ function translateFun() {
    $('.text6').html(langReplace(localLang.demoModule.text6));
    $('.newText1').html(langReplace(localLang.demoModule.newText1));
    $('.newText2').html(langReplace(localLang.demoModule.newText2));
+    $('.newText11').html(langReplace(localLang.demoModule.newText11));
    $('.newText3').html(langReplace(localLang.demoModule.newText3));
    $('.newText4').html(langReplace(localLang.demoModule.newText4));
    $('.newText5').html(langReplace(localLang.demoModule.newText5));
@@ -300,8 +301,10 @@ window.addEventListener('scroll', function () {
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
    console.log('页面下滑距顶部的距离:', scrollTop);
    if (scrollTop >= 30) {
+        $('.newText11').hide();
        $('.newText1').css('height', '2rem')
    } else if (scrollTop < 30) {
        $('.newText1').css('height', '0rem')
+        $('.newText11').show();
    }
 });
--- a/view/molistar/modules/newRank/js/monthlyRewards.js
+++ b/view/molistar/modules/newRank/js/monthlyRewards.js
@@ -63,6 +63,7 @@ function translateFun() {
    $('.text6').html(langReplace(localLang.demoModule.text6));
    $('.newText1').html(langReplace(localLang.demoModule.newText1));
    $('.newText2').html(langReplace(localLang.demoModule.newText2));
+    $('.newText22').html(langReplace(localLang.demoModule.newText22));
    $('.newText3').html(langReplace(localLang.demoModule.newText3));
    $('.newText4').html(langReplace(localLang.demoModule.newText4));
    $('.newText5').html(langReplace(localLang.demoModule.newText5));
@@ -264,8 +265,10 @@ window.addEventListener('scroll', function () {
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
    console.log('页面下滑距顶部的距离:', scrollTop);
    if (scrollTop >= 30) {
+        $('.newText22').hide();
        $('.newText2').css('height', '2rem')
    } else if (scrollTop < 30) {
        $('.newText2').css('height', '0rem')
+        $('.newText22').show();
    }
 });
--- a/view/molistar/modules/newRank/local/ar.js
+++ b/view/molistar/modules/newRank/local/ar.js
@@ -13,7 +13,9 @@ langAr = {
        text6: 'أسبوعي ',
        text7: 'غير مدرج',
        newText1: 'تصنيف الشرف',
+        newText11: 'تصنيف الشرف',
        newText2: 'شهري المكافآت',
+        newText22: 'شهري المكافآت',
        newText3: 'خلف',
        newText4: 'شهري',
        newText5: 'المكافآت',
--- a/view/molistar/modules/newRank/local/en.js
+++ b/view/molistar/modules/newRank/local/en.js
@@ -13,7 +13,9 @@ langEn = {
        text6: "Weekly ",
        text7: "Not Listed",
        newText1:`Honor Ranking`,
+        newText11:`Honor Ranking`,
        newText2:`Monthly Rewards`,
+        newText22:`Monthly Rewards`,
        newText3:`Behind`,
        newText4:`Monthly`,
        newText5:`Rewards`,
--- a/view/molistar/modules/newRank/local/tr.js
+++ b/view/molistar/modules/newRank/local/tr.js
@@ -13,7 +13,9 @@ langTr = {
        text6: 'Haftalık ',
        text7: 'Listeye Girmedi',
        newText1: 'Onur Sıralaması',
+        newText11: 'Onur Sıralaması',
        newText2: 'Aylık Ödüller',
+        newText22: 'Aylık Ödüller',
        newText3: 'Geride',
        newText4: 'Aylık',
        newText5: 'Ödüller',
--- a/view/molistar/modules/newRank/local/zh.js
+++ b/view/molistar/modules/newRank/local/zh.js
@@ -13,7 +13,9 @@ langZh = {
        text6: '每週 ',
        text7: '未上榜',
        newText1: '榮譽排行',
+        newText11: '榮譽排行',
        newText2: '每月獎勵',
+        newText22: '每月獎勵',
        newText3: '落後',
        newText4: '每月',
        newText5: '獎勵',
--- a/view/molistar/modules/newRank/monthlyRewards.html
+++ b/view/molistar/modules/newRank/monthlyRewards.html
@@ -15,7 +15,8 @@
        <img src="./images/travel/back.png" alt="">
        <!--  -->
    </div>
-    <p class="newText2">Honor Ranking</p>
+    <p class="newText2"></p>
+    <p class="newText22"></p>
    <!-- 头部 -->
    <div class="header header1">
        <div class="tabBox">