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