feat:部分项目中心

src/pages/case-library/components/CaseCard.vue

@@ -95,91 +95,5 @@ const emit = defineEmits<{
 </template>
 
 <style scoped lang="scss">
-@import '@/styles/variables.scss';
-
-.case-card {
-  padding: 0 0 28rpx;
-  margin-bottom: 24rpx;
-  background: $color-bg-page;
-  border-radius: 20rpx;
-  overflow: hidden;
-}
-
-.case-card__cover-wrap {
-  position: relative;
-  height: 320rpx;
-  overflow: hidden;
-}
-
-.case-card__cover {
-  width: 100%;
-  height: 100%;
-}
-
-.case-card__tag {
-  position: absolute;
-  top: 20rpx;
-  left: 20rpx;
-  padding: 6rpx 16rpx;
-  font-size: 22rpx;
-  color: #ffffff;
-  background: $color-primary;
-  border-radius: 8rpx;
-}
-
-.case-card__favorite {
-  position: absolute;
-  top: 20rpx;
-  right: 20rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 56rpx;
-  height: 56rpx;
-  background: rgba(255, 255, 255, 0.92);
-  border-radius: 50%;
-}
-
-.case-card__favorite-icon {
-  width: 32rpx;
-  height: 32rpx;
-}
-
-.case-card__title {
-  display: block;
-  padding: 24rpx 24rpx 0;
-  font-size: 32rpx;
-  font-weight: 600;
-  color: $color-text-primary;
-}
-
-.case-card__meta {
-  padding: 20rpx 24rpx 0;
-}
-
-.case-card__meta-row {
-  display: flex;
-  margin-bottom: 16rpx;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.case-card__meta-item {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-}
-
-.case-card__meta-label {
-  font-size: 22rpx;
-  color: $color-text-secondary;
-}
-
-.case-card__meta-value {
-  margin-top: 8rpx;
-  font-size: 24rpx;
-  color: $color-text-primary;
-}
+@import './CaseCard.scss';
 </style>