1.“大纲模式”层级关系更明显的样式

why：

      目前同一层级使用同一种颜色，从而区分不同的层级。

      如果层级太深，颜色不够用。

what：

      参考：图1，图2

2.“思维导图”更紧凑的样式：

why：

      1.更紧凑的样式，可以在一个屏幕中显示更多的文字、节点，方便浏览。

            ① 目前的“大纲模式”我觉得适合记录较短的关键词间的关系。

            ② 希望它能像“大纲模式”一样，用来记载字数量大的知识

      2.为什么让“思维导图”来承担“大纲模式”的责任

            ①“思维导图”能更好理清 节点 间的上下关系

            ②“思维导图”屏幕空间利用率高，一个屏幕能展示的层级更多。

                  “大纲模式”

                              它的子节点会另起一行，父节点独占一行，而屏幕高度有限。

                              导致：一个节点的层级比较多时，它的行数比较多，一个屏幕装不下，需要频繁滚动才能浏览，有时会打断思路。

                  “思维导图”

                              它的子节点（下一层），会出现在父节点的右侧，向右扩张，而不会上下扩张。

                              电脑屏幕的宽度比高度更长，能装下更能多下层节点，能展示的内容更多。

what：

      参考：图3，图4

      类似百度脑图的样式

      百度脑图的源码，不知道有没有参考价值：https://github.com/fex-team/kityminder