style(admin): 修正页面格式以通过检查
This commit is contained in:
1 parent
0578052d6e
commit
8bd6aa35cb
4 files changed
+44
-53
No files matched your search
@@ -259,12 +259,7 @@ onMounted(loadCategories)
|
||||
title="剧单管理"
|
||||
description="剧单使用自己的分类体系(与「分类管理」无关),每个分类下直接选择短剧。"
|
||||
>
|
||||
<el-button
|
||||
v-if="can('drama:create')"
|
||||
type="primary"
|
||||
class="primary-button"
|
||||
@click="openCreate"
|
||||
>
|
||||
<el-button v-if="can('drama:create')" type="primary" class="primary-button" @click="openCreate">
|
||||
<AppIcon :icon="AppIcons.add" />
|
||||
新建分类
|
||||
</el-button>
|
||||
@@ -287,7 +282,13 @@ onMounted(loadCategories)
|
||||
<span class="playlist-list__count">{{ item.dramaCount || 0 }}</span>
|
||||
</div>
|
||||
<div class="playlist-list__actions" @click.stop>
|
||||
<el-button v-if="can('drama:update')" text circle size="small" @click="openEdit(item)">
|
||||
<el-button
|
||||
v-if="can('drama:update')"
|
||||
text
|
||||
circle
|
||||
size="small"
|
||||
@click="openEdit(item)"
|
||||
>
|
||||
<AppIcon :icon="AppIcons.edit" :size="15" />
|
||||
</el-button>
|
||||
<el-button
|
||||
@@ -492,20 +493,20 @@ onMounted(loadCategories)
|
||||
}
|
||||
|
||||
.playlist-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.playlist-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;
|
||||
}
|
||||
|
||||
.playlist-list__item:hover {
|
||||
@@ -513,10 +514,10 @@ onMounted(loadCategories)
|
||||
}
|
||||
|
||||
.playlist-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;
|
||||
}
|
||||
|
||||
.playlist-list__main {
|
||||
@@ -537,10 +538,10 @@ onMounted(loadCategories)
|
||||
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;
|
||||
}
|
||||
|
||||
.playlist-list__actions {
|
||||
@@ -554,8 +555,8 @@ onMounted(loadCategories)
|
||||
|
||||
.playlist-list__empty {
|
||||
padding: 16px;
|
||||
color: var(--el-text-color-secondary);
|
||||
line-height: 1.6;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
.playlist-layout__main {
|
||||
|
||||
Reference in new issue
Block a user