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

85
pages/index/index.css
View File

@ -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 {