diff --git a/src/api/admin/dramaClassification.ts b/src/api/admin/dramaClassification.ts index 50f6b9d..246539d 100644 --- a/src/api/admin/dramaClassification.ts +++ b/src/api/admin/dramaClassification.ts @@ -51,10 +51,7 @@ export const deleteClassificationApi = (id: number) => { } /** 分类下已关联的短剧 */ -export const listClassificationDramasApi = ( - id: number, - params: ClassificationDramaPageParams -) => { +export const listClassificationDramasApi = (id: number, params: ClassificationDramaPageParams) => { return request.get>({ url: `/admin/drama-classifications/${id}/dramas`, params diff --git a/src/views/contentManagement/CategoryDramaView.vue b/src/views/contentManagement/CategoryDramaView.vue index 05d7968..8107ff2 100644 --- a/src/views/contentManagement/CategoryDramaView.vue +++ b/src/views/contentManagement/CategoryDramaView.vue @@ -249,12 +249,7 @@ onMounted(loadClassifications) title="分类管理" description="分类是运营自定义的分组,与「类型」无关;一个分类可以关联任意多部短剧。" > - + 新建分类 @@ -277,7 +272,13 @@ onMounted(loadClassifications) {{ item.dramaCount || 0 }}
- + 查询 - + 添加短剧 @@ -379,11 +376,7 @@ onMounted(loadClassifications)
- + @@ -475,20 +468,20 @@ onMounted(loadClassifications) } .classification-list { - margin: 0; padding: 0; + margin: 0; list-style: none; } .classification-list__item { display: flex; + padding: 8px 12px 8px 16px; + color: var(--el-text-color-regular); + cursor: pointer; + border-left: 3px solid transparent; align-items: center; justify-content: space-between; gap: 8px; - padding: 8px 12px 8px 16px; - cursor: pointer; - color: var(--el-text-color-regular); - border-left: 3px solid transparent; } .classification-list__item:hover { @@ -496,10 +489,10 @@ onMounted(loadClassifications) } .classification-list__item.is-active { + font-weight: 600; + color: var(--el-color-primary); background: var(--el-color-primary-light-9); border-left-color: var(--el-color-primary); - color: var(--el-color-primary); - font-weight: 600; } .classification-list__main { @@ -520,10 +513,10 @@ onMounted(loadClassifications) padding: 0 6px; font-size: 12px; line-height: 18px; - text-align: center; - border-radius: 9px; - background: var(--el-fill-color); color: var(--el-text-color-secondary); + text-align: center; + background: var(--el-fill-color); + border-radius: 9px; } .classification-list__actions { @@ -537,8 +530,8 @@ onMounted(loadClassifications) .classification-list__empty { padding: 16px; - color: var(--el-text-color-secondary); line-height: 1.6; + color: var(--el-text-color-secondary); } .classification-layout__main { diff --git a/src/views/contentManagement/DramaPlaylistView.vue b/src/views/contentManagement/DramaPlaylistView.vue index 2bf1fb7..5115a74 100644 --- a/src/views/contentManagement/DramaPlaylistView.vue +++ b/src/views/contentManagement/DramaPlaylistView.vue @@ -259,12 +259,7 @@ onMounted(loadCategories) title="剧单管理" description="剧单使用自己的分类体系(与「分类管理」无关),每个分类下直接选择短剧。" > - + 新建分类 @@ -287,7 +282,13 @@ onMounted(loadCategories) {{ item.dramaCount || 0 }}
- +
-
@@ -113,14 +113,14 @@ onBeforeUnmount(destroy) .rendition-player__error { margin: 0; - color: var(--el-color-danger); font-size: 13px; + color: var(--el-color-danger); } .rendition-player__url { margin: 0; - color: var(--el-text-color-secondary); font-size: 12px; + color: var(--el-text-color-secondary); word-break: break-all; }