wangqiao/front-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 重构搜索栏使用Vant组件并优化样式

Browse Source
This commit is contained in:
wangqiao
2025-09-03 18:03:58 +08:00
parent b1d2378cec
commit addef04ff0
4 changed files with 1721 additions and 2999 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
pages/mobile/index.vue
View File

@ -98,13 +98,15 @@ function navigateTo(category: string) {
display: flex;
flex-direction: column;
background-color: #fff;
padding: 21px;
box-sizing: border-box;
}
.banner-section {
margin-top: 20rpx;
border-radius: 20rpx;
margin-top: 25px;
border-radius: 20px;
overflow: hidden;
height: 300rpx;
height: 285px;
}
.banner-swiper {
@ -116,6 +118,7 @@ function navigateTo(category: string) {
height: 100%;
img {
height: 100%;
width: 100%;
}
}
@ -140,13 +143,13 @@ function navigateTo(category: string) {
}
.category-grid {
margin-top: 40rpx;
margin-top: 33px;
}
.category-row {
display: flex;
justify-content: space-between;
margin-bottom: 30rpx;
margin-bottom: 40px;
}
.category-item {
@ -157,8 +160,8 @@ function navigateTo(category: string) {
}
.category-icon {
width: 100rpx;
height: 100rpx;
width: 78px;
height: 78px;
border-radius: 20rpx;
display: flex;
justify-content: center;
@ -191,7 +194,7 @@ function navigateTo(category: string) {
}
.category-text {
font-size: 24rpx;
color: #333;
font-size: 25px;
color: #191919;
}
</style>