适配小屏手机

This commit is contained in:
Dragon
2023-09-28 16:19:48 +08:00
parent 82cc5213e4
commit 125e0bcf7d
4 changed files with 4 additions and 1 deletions

View File

@@ -408,6 +408,7 @@ h3 b {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 0.4rem; padding: 0 0.4rem;
z-index: 8;
} }
.my div { .my div {

View File

@@ -416,6 +416,7 @@ h3 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 px2rem(30); padding: 0 px2rem(30);
z-index: 8;
div { div {
min-width: px2rem(328); min-width: px2rem(328);

View File

@@ -424,7 +424,7 @@ function getListRank (type, page) {
<img src="${item.avatar}" alt=""> <img src="${item.avatar}" alt="">
<span class="others-nick">${item.nick.length > 5 ? item.nick.slice(0, 5) + '...' : item.nick}</span> <span class="others-nick">${item.nick.length > 5 ? item.nick.slice(0, 5) + '...' : item.nick}</span>
</div> </div>
<span class="others-diamond-num">${type == 1 ? `${unitProcessing(res.data.myRankInfo.num, 10000, 1, 'w')}` : `猜中 ${res.data.myRankInfo.num}`}</span> <span class="others-diamond-num">${type == 1 ? `${unitProcessing(item.num, 10000, 1, 'w')}` : `猜中 ${item.num}`}</span>
</li> </li>
` `
}); });

View File

@@ -42,4 +42,5 @@ function move () {
} }
window.requestAnimationFrame(move); window.requestAnimationFrame(move);
$('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
} }