feat(回忆复习):回忆输入改用思维导图 + 布局优化

- 回忆输入区从文本域改为可编辑思维导图(Tab 加子/Enter 加同级)
- 回忆历史点击后自动将内容还原到导图编辑区
- 增加回忆页宽屏模式(wide route meta),适配导图横向展示
- MindMapViewer 增加 height prop 支持自定义高度
- 回忆、对比、标准导图各区域全部使用 60vh 导图展示
This commit is contained in:
2026-07-04 10:17:16 +08:00
parent 3adbeb183c
commit cd68811dfb
4 changed files with 161 additions and 189 deletions
+3 -2
View File
@@ -23,6 +23,8 @@ const props = defineProps<{
editable?: boolean;
/** 是否按 MATCHED/MISSED 标记着色 */
colorByCompare?: boolean;
/** 画布高度,如 "520px"、"60vh",默认 480px */
height?: string;
}>();
const emit = defineEmits<{
@@ -143,13 +145,12 @@ onBeforeUnmount(() => {
</script>
<template>
<div class="mind-map-viewer" ref="container"></div>
<div class="mind-map-viewer" ref="container" :style="{ height: height || '480px' }"></div>
</template>
<style scoped>
.mind-map-viewer {
width: 100%;
height: 480px;
border: 1px solid var(--border-soft, #e0e0e0);
border-radius: 8px;
overflow: hidden;