修复阿拉伯显示异常问题

2024-06-06 11:01:46 +08:00
parent 2e32cddc87
commit c34615193b
4 changed files with 42 additions and 3 deletions
--- a/view/molistar/modules/noble/css/index.css
+++ b/view/molistar/modules/noble/css/index.css
@@ -359,6 +359,10 @@ body {
  color: #FFFFFF;
  font-size: 0.34667rem;
  float: left;
+  width: 2.2rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }

 .list li .right {
@@ -461,3 +465,15 @@ body {
  line-height: 1.92rem;
  display: none;
 }
+
+.arabic .list li .num,
+.arabic .list li .tx,
+.arabic .list li .icon,
+.arabic .list li .name {
+  float: right;
+}
+
+.arabic .list li .right {
+  float: left;
+  text-align: left;
+}
--- a/view/molistar/modules/noble/css/index.scss
+++ b/view/molistar/modules/noble/css/index.scss
@@ -7,6 +7,7 @@ body {
    width: 100%;
    background: #0E1417;
 }
+
 .back {
    position: fixed;
    top: px2rem(70);
@@ -20,6 +21,7 @@ body {
        height: 100%;
    }
 }
+
 .header {
    width: px2rem(750);
    height: px2rem(1212);
@@ -364,6 +366,10 @@ body {
            color: #FFFFFF;
            font-size: px2rem(26);
            float: left;
+            width: 2.2rem;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
        }

        .right {
@@ -470,4 +476,21 @@ body {
        }

    }
+}
+
+.arabic {
+    .list li {
+
+        .num,
+        .tx,
+        .icon,
+        .name {
+            float: right;
+        }
+
+        .right {
+            float: left;
+            text-align: left;
+        }
+    }
 }
--- a/view/molistar/modules/noble/index.html
+++ b/view/molistar/modules/noble/index.html
@@ -8,7 +8,7 @@
    <title id="title"></title>
    <!-- 贵族榜 -->
    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/index.css">
+    <link rel="stylesheet" href="./css/index.css?v=1.0">
 </head>

 <body id="body" style="display: none;">
@@ -88,7 +88,7 @@
 <script src="./local/en.js"></script>
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
-<script src="./js/index.js"></script>
+<script src="./js/index.js?v=1.0"></script>
 <script src="../../common/local/langHandler.js"></script>

 </html>
--- a/view/molistar/modules/noble/js/index.js
+++ b/view/molistar/modules/noble/js/index.js
@@ -107,7 +107,7 @@ function getListRank() {
                        <div class="num">${i + 4}</div>
                        <img src="${res.avatar}" alt="" class="tx" uid=${res.uid}>
                        <img src="./images/${res.vipLevel}.png" alt="" class="icon">
-                        <div class="name">${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</div>
+                        <div class="name">${res.nick}</div>
                        <div class="right">
                          <p>${res.score}</p>
                          <span>${langReplace(localLang.demoModule.text1)}</span>