feat: 完成 4 个TabBar 页面初版样式修改

This commit is contained in:
R524809
2026-04-02 17:05:55 +08:00
parent b18dbcb0d1
commit 206c44cf6d
61 changed files with 4670 additions and 996 deletions
-81
View File
@@ -1,81 +0,0 @@
.category-page {
min-height: 100vh;
background: #f6f6f6;
padding-bottom: 48rpx;
}
.category-page__header {
padding: 24rpx 32rpx 16rpx;
background: #fff;
}
.category-page__header-title {
font-size: 34rpx;
font-weight: 600;
color: #333;
}
.category-page__filters {
background: #fff;
padding: 24rpx;
margin-bottom: 16rpx;
}
.category-page__filter-row {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-bottom: 20rpx;
}
.category-page__filter-row:last-child {
margin-bottom: 0;
}
.category-page__filter-label {
flex-shrink: 0;
width: 72rpx;
font-size: 26rpx;
color: #999;
line-height: 56rpx;
}
.category-page__pills {
flex: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16rpx;
}
.category-page__pill {
font-size: 24rpx;
padding: 8rpx 20rpx;
border-radius: 24rpx;
background: #f5f5f5;
color: #333;
}
.category-page__pill--active {
background: #f7ee47;
color: #333;
}
.category-page__list {
display: flex;
flex-direction: column;
}
.category-page__card-wrap {
margin: 0 24rpx 24rpx;
}
.category-page__empty {
padding: 120rpx 48rpx;
text-align: center;
}
.category-page__empty-text {
font-size: 28rpx;
color: #999;
}