feat(回忆复习):回忆输入改用思维导图 + 布局优化
- 回忆输入区从文本域改为可编辑思维导图(Tab 加子/Enter 加同级) - 回忆历史点击后自动将内容还原到导图编辑区 - 增加回忆页宽屏模式(wide route meta),适配导图横向展示 - MindMapViewer 增加 height prop 支持自定义高度 - 回忆、对比、标准导图各区域全部使用 60vh 导图展示
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user