修复阿拉伯显示异常问题

This commit is contained in:
dragon
2024-06-06 11:01:46 +08:00
parent 2e32cddc87
commit c34615193b
4 changed files with 42 additions and 3 deletions

View File

@@ -359,6 +359,10 @@ body {
color: #FFFFFF; color: #FFFFFF;
font-size: 0.34667rem; font-size: 0.34667rem;
float: left; float: left;
width: 2.2rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.list li .right { .list li .right {
@@ -461,3 +465,15 @@ body {
line-height: 1.92rem; line-height: 1.92rem;
display: none; 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;
}

View File

@@ -7,6 +7,7 @@ body {
width: 100%; width: 100%;
background: #0E1417; background: #0E1417;
} }
.back { .back {
position: fixed; position: fixed;
top: px2rem(70); top: px2rem(70);
@@ -20,6 +21,7 @@ body {
height: 100%; height: 100%;
} }
} }
.header { .header {
width: px2rem(750); width: px2rem(750);
height: px2rem(1212); height: px2rem(1212);
@@ -364,6 +366,10 @@ body {
color: #FFFFFF; color: #FFFFFF;
font-size: px2rem(26); font-size: px2rem(26);
float: left; float: left;
width: 2.2rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.right { .right {
@@ -470,4 +476,21 @@ body {
} }
} }
}
.arabic {
.list li {
.num,
.tx,
.icon,
.name {
float: right;
}
.right {
float: left;
text-align: left;
}
}
} }

View File

@@ -8,7 +8,7 @@
<title id="title"></title> <title id="title"></title>
<!-- 贵族榜 --> <!-- 贵族榜 -->
<link rel="stylesheet" href="../../common/css/reset.css"> <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> </head>
<body id="body" style="display: none;"> <body id="body" style="display: none;">
@@ -88,7 +88,7 @@
<script src="./local/en.js"></script> <script src="./local/en.js"></script>
<script src="./local/zh.js"></script> <script src="./local/zh.js"></script>
<script src="./local/ar.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> <script src="../../common/local/langHandler.js"></script>
</html> </html>

View File

@@ -107,7 +107,7 @@ function getListRank() {
<div class="num">${i + 4}</div> <div class="num">${i + 4}</div>
<img src="${res.avatar}" alt="" class="tx" uid=${res.uid}> <img src="${res.avatar}" alt="" class="tx" uid=${res.uid}>
<img src="./images/${res.vipLevel}.png" alt="" class="icon"> <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"> <div class="right">
<p>${res.score}</p> <p>${res.score}</p>
<span>${langReplace(localLang.demoModule.text1)}</span> <span>${langReplace(localLang.demoModule.text1)}</span>