Demo：新增两个主题

web/src/config/constant.js

@@ -55,7 +55,9 @@ export const themeMap = {
   classic5: require('../assets/img/themes/classic5.jpg'),
   dark3: require('../assets/img/themes/dark3.jpg'),
   dark4: require('../assets/img/themes/dark4.jpg'),
-  cactus: require('../assets/img/themes/cactus.jpg')
+  cactus: require('../assets/img/themes/cactus.jpg'),
+  classic6: require('../assets/img/themes/classic6.jpg'),
+  classic7: require('../assets/img/themes/classic7.jpg'),
 }
 
 // 公式列表

web/src/customThemes/classic6.js

@@ -0,0 +1,45 @@
+// 经典6
+export default {
+    backgroundColor: 'rgb(255, 255, 255)',
+    // 连线的颜色
+    lineColor: 'rgb(0, 0, 0)',
+    lineWidth: 2,
+    // 概要连线的粗细
+    generalizationLineWidth: 2,
+    // 概要连线的颜色
+    generalizationLineColor: 'rgb(0, 0, 0)',
+    // 关联线默认状态的颜色
+    associativeLineColor: 'rgb(152, 162, 171)',
+    // 关联线文字颜色
+    associativeLineTextColor: 'rgb(68, 68, 68)',
+    // 根节点样式
+    root: {
+      fillColor: 'rgb(237, 182, 72)',
+      color: 'rgb(0, 0, 0)',
+      borderColor: 'rgb(0, 0, 0)',
+      borderWidth: 2,
+      fontSize: 24
+    },
+    // 二级节点样式
+    second: {
+      fillColor: 'rgb(114, 158, 28)',
+      color: '#fff',
+      borderColor: 'rgb(0, 0, 0)',
+      borderWidth: 2,
+      fontSize: 18
+    },
+    // 三级及以下节点样式
+    node: {
+      fontSize: 14,
+      color: 'rgb(10, 2, 2)'
+    },
+    // 概要节点样式
+    generalization: {
+      fontSize: 14,
+      fillColor: '#fff',
+      borderColor: '',
+      borderWidth: 0,
+      color: 'rgb(10, 2, 2)'
+    }
+  }
+  

web/src/customThemes/classic7.js

@@ -0,0 +1,44 @@
+// 经典7
+export default {
+  backgroundColor: 'rgb(255, 255, 255)',
+  // 连线的颜色
+  lineColor: 'rgb(237, 185, 81)',
+  lineWidth: 2,
+  // 概要连线的粗细
+  generalizationLineWidth: 2,
+  // 概要连线的颜色
+  generalizationLineColor: 'rgb(226, 90, 64)',
+  // 关联线默认状态的颜色
+  associativeLineColor: 'rgb(152, 162, 171)',
+  // 关联线文字颜色
+  associativeLineTextColor: 'rgb(68, 68, 68)',
+  // 根节点样式
+  root: {
+    fillColor: 'rgb(226, 90, 64)',
+    color: '#fff',
+    borderColor: '',
+    borderWidth: 0,
+    fontSize: 24
+  },
+  // 二级节点样式
+  second: {
+    fillColor: 'rgb(43, 118, 239)',
+    color: '#fff',
+    borderColor: '',
+    borderWidth: 0,
+    fontSize: 18
+  },
+  // 三级及以下节点样式
+  node: {
+    fontSize: 14,
+    color: 'rgb(43, 118, 239)'
+  },
+  // 概要节点样式
+  generalization: {
+    fontSize: 14,
+    fillColor: '#fff',
+    borderColor: '',
+    borderWidth: 0,
+    color: 'rgb(43, 118, 239)'
+  }
+}

web/src/customThemes/index.js

@@ -7,6 +7,8 @@ import neonLamp from './neonLamp'
 import darkNightLceBlade from './darkNightLceBlade'
 import morandi from './morandi'
 import classic5 from './classic5'
+import classic6 from './classic6'
+import classic7 from './classic7'
 import dark3 from './dark3'
 import dark4 from './dark4'
 import cactus from './cactus'
@@ -83,5 +85,17 @@ export default [
         value: 'cactus',
         theme: cactus,
         dark: false
+    },
+    {
+        name: '脑图经典6',
+        value: 'classic6',
+        theme: classic6,
+        dark: false
+    },
+    {
+        name: '脑图经典7',
+        value: 'classic7',
+        theme: classic7,
+        dark: false
     }
 ]