feat:部分项目中心

src/pages/case-library/favorites/index.scss

@@ -0,0 +1,172 @@
+@import '@/styles/variables.scss';
+
+.case-favorites {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  background: $color-bg-section;
+}
+
+.case-favorites__header {
+  flex-shrink: 0;
+  padding: calc(var(--status-bar-height, 44px) + 60rpx) 24rpx 0;
+  background: $color-bg-page;
+}
+
+.case-favorites__navbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 28rpx;
+}
+
+.case-favorites__back {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64rpx;
+  height: 64rpx;
+}
+
+.case-favorites__back-icon {
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.case-favorites__title {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: $color-text-primary;
+}
+
+.case-favorites__navbar-placeholder {
+  width: 64rpx;
+  height: 64rpx;
+}
+
+.case-favorites__search-row {
+  display: flex;
+  align-items: center;
+}
+
+.case-favorites__search {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  height: 72rpx;
+  padding: 0 24rpx;
+  background: $color-bg-section;
+  border-radius: 36rpx;
+}
+
+.case-favorites__search-icon {
+  flex-shrink: 0;
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 12rpx;
+}
+
+.case-favorites__search-input {
+  flex: 1;
+  font-size: 26rpx;
+  color: $color-text-primary;
+}
+
+.case-favorites__search-placeholder {
+  color: $color-text-placeholder;
+}
+
+.case-favorites__favorite-btn {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 72rpx;
+  height: 72rpx;
+  margin-left: 16rpx;
+}
+
+.case-favorites__favorite-btn-icon {
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.case-favorites__tabs {
+  margin-top: 24rpx;
+  white-space: nowrap;
+}
+
+.case-favorites__tabs-inner {
+  display: inline-flex;
+  gap: 32rpx;
+  padding-right: 24rpx;
+}
+
+.case-favorites__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;
+  }
+}
+
+.case-favorites__quick-filters {
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+  margin-top: 20rpx;
+}
+
+.case-favorites__quick-filter {
+  display: flex;
+  align-items: center;
+  gap: 4rpx;
+  font-size: 26rpx;
+  color: $color-text-primary;
+}
+
+.case-favorites__quick-filter-arrow {
+  font-size: 20rpx;
+  color: $color-text-secondary;
+}
+
+.case-favorites__filter {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+}
+
+.case-favorites__filter-icon {
+  width: 28rpx;
+  height: 28rpx;
+  margin-left: 8rpx;
+}
+
+.case-favorites__filter-text {
+  font-size: 26rpx;
+  color: #666666;
+}
+
+.case-favorites__toolbar {
+  padding: 20rpx 0 24rpx;
+}
+
+.case-favorites__count {
+  font-size: 24rpx;
+  color: $color-text-secondary;
+}
+
+.case-favorites__scroll {
+  flex: 1;
+  min-height: 0;
+}
+
+.case-favorites__list {
+  padding: 0 24rpx calc(32rpx + env(safe-area-inset-bottom));
+}