feat:部分项目中心

This commit is contained in:
李伊帆
2026-09-14 17:09:25 +08:00
parent f5d634bbaf
commit 2c7a115dd7
131 changed files with 7476 additions and 4589 deletions

View File

@@ -145,115 +145,5 @@ function handleViewDetail(id: string) {
</template>
<style scoped lang="scss">
@import '@/styles/variables.scss';
.project-center {
display: flex;
flex-direction: column;
height: 100vh;
overflow: hidden;
background: $color-bg-section;
}
.project-center__header {
flex-shrink: 0;
padding: calc(var(--status-bar-height, 44px) + 60rpx) 24rpx 0;
background: $color-bg-page;
}
.project-center__title {
display: block;
font-size: 36rpx;
font-weight: 600;
color: $color-text-primary;
text-align: center;
}
.project-center__search {
display: flex;
align-items: center;
height: 72rpx;
margin-top: 24rpx;
padding: 0 24rpx;
background: $color-bg-section;
border-radius: 36rpx;
}
.project-center__search-icon {
flex-shrink: 0;
width: 32rpx;
height: 32rpx;
margin-right: 12rpx;
}
.project-center__search-input {
flex: 1;
font-size: 26rpx;
color: $color-text-primary;
}
.project-center__search-placeholder {
color: $color-text-placeholder;
}
.project-center__tabs {
margin-top: 24rpx;
white-space: nowrap;
}
.project-center__tabs-inner {
display: inline-flex;
gap: 32rpx;
padding-right: 24rpx;
}
.project-center__tab {
flex-shrink: 0;
padding-bottom: 12rpx;
font-size: 28rpx;
color: $color-text-secondary;
&--active {
font-weight: 600;
color: $color-text-primary;
border-bottom: 4rpx solid $color-primary;
}
}
.project-center__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 0 24rpx;
}
.project-center__count {
font-size: 24rpx;
color: $color-text-secondary;
}
.project-center__filter {
display: flex;
align-items: center;
}
.project-center__filter-icon {
width: 28rpx;
height: 28rpx;
margin-right: 8rpx;
}
.project-center__filter-text {
font-size: 26rpx;
color: #666666;
}
.project-center__scroll {
flex: 1;
min-height: 0;
}
.project-center__list {
padding: 0 24rpx calc(140rpx + env(safe-area-inset-bottom));
}
@import './index.scss';
</style>