From e7f7853feb1ef043e3197162ffb8522567cc7d52 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com> Date: Wed, 17 Sep 2025 18:07:58 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/index/index.css | 85 +++++++++++++++++++++++-------------------- 1 file changed, 46 insertions(+), 39 deletions(-) diff --git a/pages/index/index.css b/pages/index/index.css index cab63f89..1ea631e7 100644 --- a/pages/index/index.css +++ b/pages/index/index.css @@ -1,4 +1,4 @@ -page{ +page { overflow-y: hidden; } @@ -41,7 +41,7 @@ page{ background-color: #f9f9f9; } -.mainBox{ +.mainBox { height: 80.5vh; margin-top: 10rpx; overflow-y: auto; @@ -230,7 +230,7 @@ page { margin-top: 40rpx; } -.tabList text{ +.tabList text { font-size: 30rpx; } @@ -273,14 +273,14 @@ page { .serverList1_left { display: block; - width: 330rpx; - height: 450rpx; - margin-right: 17rpx; + width: 350rpx; + height: 454rpx; + margin-right: 2rpx; } .serverList1_left image { - height: 450rpx; - width: 330rpx; + width: 350rpx; + height: 454rpx; object-fit: cover; border-radius: 20rpx; } @@ -291,8 +291,8 @@ page { } .serverItemRight1 { - width: 365rpx; - height: 220rpx; + width: 350rpx; + height: 222rpx; } .serverItemRight1 image { @@ -300,8 +300,8 @@ page { } .serverItemRight2 { - width: 365rpx; - height: 220rpx; + width: 350rpx; + height: 222rpx; margin-top: 10rpx; } @@ -356,7 +356,6 @@ page { font-size: 26rpx; color: #222222; position: relative; - margin-bottom: 12rpx; } .serverList_left { @@ -370,6 +369,10 @@ page { height: 100%; } +.serverList_left_img { + border-radius: 20rpx; +} + .serverList_right { flex: 1; display: flex; @@ -388,10 +391,12 @@ page { .serverItem1 { background: linear-gradient(139deg, #FEF4F4 0%, #FEDCD2 100%); margin-right: 12rpx; + margin-bottom: 14rpx; } .serverItem2 { background: #FFF4E5; + margin-bottom: 14rpx; } .serverItem3 { @@ -401,11 +406,13 @@ page { .serverItem4 { background: #F0FDFF; + margin-bottom: 14rpx; } .serverItem5 { background: #EFF7FF; margin-right: 12rpx; + margin-bottom: 14rpx; } .serverItem6 { @@ -414,50 +421,50 @@ page { .serverItem1 image { position: absolute; - right: 0rpx; + right: 13rpx; bottom: 0rpx; - width: 120rpx; - height: 70rpx; + width: 91rpx; + height: 95rpx; } .serverItem2 image { position: absolute; - right: 0rpx; - bottom: 0rpx; - width: 120rpx; - height: 70rpx; + right: 4rpx; + bottom: 1rpx; + width: 110rpx; + height: 78rpx; } .serverItem3 image { position: absolute; - right: 0rpx; - bottom: 0rpx; - width: 120rpx; - height: 70rpx; + right: 18rpx; + bottom: 10rpx; + width: 97rpx; + height: 57rpx; } .serverItem4 image { position: absolute; - right: 0rpx; - bottom: 0rpx; - width: 120rpx; - height: 70rpx; + right: 21rpx; + bottom: 10rpx; + width: 87rpx; + height: 89rpx; } .serverItem5 image { position: absolute; - right: 0rpx; - bottom: 0rpx; - width: 120rpx; + right: 9rpx; + bottom: 4rpx; + width: 109rpx; height: 70rpx; } .serverItem6 image { position: absolute; - right: 0rpx; - bottom: 0rpx; - height: 70rpx; - width: 120rpx; + right: 25rpx; + bottom: 14rpx; + height: 68rpx; + width: 72rpx; } .merchant { @@ -536,7 +543,7 @@ page { .tab-item { padding: 0 20rpx; margin-right: 20rpx; - font-size: 24rpx; + font-size: 28rpx; color: #333; background-color: #ededed; height: 50rpx; @@ -760,10 +767,9 @@ page { .merchantItem { display: flex; - padding-top: 30px; - padding-bottom: 30rpx; + padding-top: 20px; + padding-bottom: 20rpx; border-bottom: 1rpx solid #EBEBEB; - ; } .merchantItem_left { @@ -792,6 +798,7 @@ page { .merchantItem_right_tit_left { font-size: 30rpx; color: #222222; + font-weight: bold; } .merchantItem_right_tit_right {