maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页样式优化

Browse Source
This commit is contained in:
赵毅 2025-09-17 18:07:58 +08:00
parent fd29fc9b20
commit e7f7853feb
1 changed files with 46 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
pages/index/index.css
View File

@ -273,14 +273,14 @@ page {
.serverList1_left { .serverList1_left {
display: block; display: block;
width: 330rpx; width: 350rpx;
height: 450rpx; height: 454rpx;
margin-right: 17rpx; margin-right: 2rpx;
} }
.serverList1_left image { .serverList1_left image {
height: 450rpx; width: 350rpx;
width: 330rpx; height: 454rpx;
object-fit: cover; object-fit: cover;
border-radius: 20rpx; border-radius: 20rpx;
} }
@ -291,8 +291,8 @@ page {
} }
.serverItemRight1 { .serverItemRight1 {
width: 365rpx; width: 350rpx;
height: 220rpx; height: 222rpx;
} }
.serverItemRight1 image { .serverItemRight1 image {
@ -300,8 +300,8 @@ page {
} }
.serverItemRight2 { .serverItemRight2 {
width: 365rpx; width: 350rpx;
height: 220rpx; height: 222rpx;
margin-top: 10rpx; margin-top: 10rpx;
} }
@ -356,7 +356,6 @@ page {
font-size: 26rpx; font-size: 26rpx;
color: #222222; color: #222222;
position: relative; position: relative;
margin-bottom: 12rpx;
} }
.serverList_left { .serverList_left {
@ -370,6 +369,10 @@ page {
height: 100%; height: 100%;
} }
.serverList_left_img {
border-radius: 20rpx;
}
.serverList_right { .serverList_right {
flex: 1; flex: 1;
display: flex; display: flex;
@ -388,10 +391,12 @@ page {
.serverItem1 { .serverItem1 {
background: linear-gradient(139deg, #FEF4F4 0%, #FEDCD2 100%); background: linear-gradient(139deg, #FEF4F4 0%, #FEDCD2 100%);
margin-right: 12rpx; margin-right: 12rpx;
margin-bottom: 14rpx;
} }
.serverItem2 { .serverItem2 {
background: #FFF4E5; background: #FFF4E5;
margin-bottom: 14rpx;
} }
.serverItem3 { .serverItem3 {
@ -401,11 +406,13 @@ page {
.serverItem4 { .serverItem4 {
background: #F0FDFF; background: #F0FDFF;
margin-bottom: 14rpx;
} }
.serverItem5 { .serverItem5 {
background: #EFF7FF; background: #EFF7FF;
margin-right: 12rpx; margin-right: 12rpx;
margin-bottom: 14rpx;
} }
.serverItem6 { .serverItem6 {
@ -414,50 +421,50 @@ page {
.serverItem1 image { .serverItem1 image {
position: absolute; position: absolute;
right: 0rpx; right: 13rpx;
bottom: 0rpx; bottom: 0rpx;
width: 120rpx; width: 91rpx;
height: 70rpx; height: 95rpx;
} }
.serverItem2 image { .serverItem2 image {
position: absolute; position: absolute;
right: 0rpx; right: 4rpx;
bottom: 0rpx; bottom: 1rpx;
width: 120rpx; width: 110rpx;
height: 70rpx; height: 78rpx;
} }
.serverItem3 image { .serverItem3 image {
position: absolute; position: absolute;
right: 0rpx; right: 18rpx;
bottom: 0rpx; bottom: 10rpx;
width: 120rpx; width: 97rpx;
height: 70rpx; height: 57rpx;
} }
.serverItem4 image { .serverItem4 image {
position: absolute; position: absolute;
right: 0rpx; right: 21rpx;
bottom: 0rpx; bottom: 10rpx;
width: 120rpx; width: 87rpx;
height: 70rpx; height: 89rpx;
} }
.serverItem5 image { .serverItem5 image {
position: absolute; position: absolute;
right: 0rpx; right: 9rpx;
bottom: 0rpx; bottom: 4rpx;
width: 120rpx; width: 109rpx;
height: 70rpx; height: 70rpx;
} }
.serverItem6 image { .serverItem6 image {
position: absolute; position: absolute;
right: 0rpx; right: 25rpx;
bottom: 0rpx; bottom: 14rpx;
height: 70rpx; height: 68rpx;
width: 120rpx; width: 72rpx;
} }
.merchant { .merchant {
@ -536,7 +543,7 @@ page {
.tab-item { .tab-item {
padding: 0 20rpx; padding: 0 20rpx;
margin-right: 20rpx; margin-right: 20rpx;
font-size: 24rpx; font-size: 28rpx;
color: #333; color: #333;
background-color: #ededed; background-color: #ededed;
height: 50rpx; height: 50rpx;
@ -760,10 +767,9 @@ page {
.merchantItem { .merchantItem {
display: flex; display: flex;
padding-top: 30px; padding-top: 20px;
padding-bottom: 30rpx; padding-bottom: 20rpx;
border-bottom: 1rpx solid #EBEBEB; border-bottom: 1rpx solid #EBEBEB;
;
} }
.merchantItem_left { .merchantItem_left {
@ -792,6 +798,7 @@ page {
.merchantItem_right_tit_left { .merchantItem_right_tit_left {
font-size: 30rpx; font-size: 30rpx;
color: #222222; color: #222222;
font-weight: bold;
} }
.merchantItem_right_tit_right { .merchantItem_right_tit_right {