fix(后台): 出题页收起的那几栏只有中间一行字能点,教程列表的项目行只有小三角能点

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-10-26 13:45:53 +08:00
1 parent 36b3cd6b21
commit 647186e276
2 files changed
+19 -8

No files matched your search

+4 -2
View File
@@ -1494,8 +1494,10 @@ onMounted(async () => {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
width: 100%; /* 吃掉卡片的内边距:收起时整张卡都能点,不只是中间那一行字 */
padding: 0; margin: -12px -16px;
padding: 12px 16px;
border-radius: 6px;
border: 0; border: 0;
background: transparent; background: transparent;
font: inherit; font: inherit;
+15 -6
View File
@@ -176,12 +176,12 @@ onMounted(load)
<span class="c-edit" /> <span class="c-edit" />
</div> </div>
<template v-for="group in groups" :key="group.key"> <template v-for="group in groups" :key="group.key">
<div class="row grouprow"> <!-- 整行都能点开合;行里的改名、加一课自己拦住,不顺带开合 -->
<div class="row grouprow" @click="toggle(group.key)">
<button <button
type="button" type="button"
class="fold" class="fold"
:aria-label="collapsed.has(group.key) ? '展开' : '收起'" :aria-label="collapsed.has(group.key) ? '展开' : '收起'"
@click="toggle(group.key)"
> >
<Icon <Icon
:icon="collapsed.has(group.key) ? 'ph:caret-right-bold' : 'ph:caret-down-bold'" :icon="collapsed.has(group.key) ? 'ph:caret-right-bold' : 'ph:caret-down-bold'"
@@ -189,7 +189,7 @@ onMounted(load)
/> />
</button> </button>
<ProjectTile :icon="group.icon" :tone="group.tone" :size="26" /> <ProjectTile :icon="group.icon" :tone="group.tone" :size="26" />
<template v-if="renaming === group.project && group.project"> <span v-if="renaming === group.project && group.project" class="rename" @click.stop>
<n-input <n-input
v-model:value="renameTo" v-model:value="renameTo"
size="small" size="small"
@@ -200,14 +200,16 @@ onMounted(load)
/> />
<n-button size="small" type="primary" @click="saveRename">保存</n-button> <n-button size="small" type="primary" @click="saveRename">保存</n-button>
<n-button size="small" quaternary @click="renaming = null">取消</n-button> <n-button size="small" quaternary @click="renaming = null">取消</n-button>
</template> </span>
<template v-else> <template v-else>
<span class="group-name">{{ <span class="group-name">{{
group.project || (group.hidden ? "没公开" : "没有项目") group.project || (group.hidden ? "没公开" : "没有项目")
}}</span> }}</span>
<span class="muted">{{ group.items.length }} 课</span> <span class="muted">{{ group.items.length }} 课</span>
<a v-if="group.project" href="#" @click.prevent="startRename(group.project)">改名</a> <a v-if="group.project" href="#" @click.stop.prevent="startRename(group.project)"
<a href="#" @click.prevent="createIn(group.project)">加一课</a> >改名</a
>
<a href="#" @click.stop.prevent="createIn(group.project)">加一课</a>
</template> </template>
</div> </div>
<template v-if="!collapsed.has(group.key)"> <template v-if="!collapsed.has(group.key)">
@@ -347,6 +349,7 @@ onMounted(load)
} }
.grouprow { .grouprow {
gap: 10px; gap: 10px;
cursor: pointer;
background: rgba(128, 128, 128, 0.06); background: rgba(128, 128, 128, 0.06);
border-top-color: rgba(128, 128, 128, 0.22); border-top-color: rgba(128, 128, 128, 0.22);
} }
@@ -364,6 +367,12 @@ onMounted(load)
opacity: 0.55; opacity: 0.55;
cursor: pointer; cursor: pointer;
} }
.rename {
display: flex;
align-items: center;
gap: 10px;
cursor: auto;
}
.group-name { .group-name {
font-weight: 700; font-weight: 700;
} }