diff --git a/web/src/assets/img/themes/classic6.jpg b/web/src/assets/img/themes/classic6.jpg new file mode 100644 index 00000000..45193df7 Binary files /dev/null and b/web/src/assets/img/themes/classic6.jpg differ diff --git a/web/src/assets/img/themes/classic7.jpg b/web/src/assets/img/themes/classic7.jpg new file mode 100644 index 00000000..adbd20f3 Binary files /dev/null and b/web/src/assets/img/themes/classic7.jpg differ diff --git a/web/src/config/constant.js b/web/src/config/constant.js index 8f6c82cc..fa9e22e1 100644 --- a/web/src/config/constant.js +++ b/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'), } // 公式列表 diff --git a/web/src/customThemes/classic6.js b/web/src/customThemes/classic6.js new file mode 100644 index 00000000..1be119f2 --- /dev/null +++ b/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)' + } + } + \ No newline at end of file diff --git a/web/src/customThemes/classic7.js b/web/src/customThemes/classic7.js new file mode 100644 index 00000000..44b92f50 --- /dev/null +++ b/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)' + } +} diff --git a/web/src/customThemes/index.js b/web/src/customThemes/index.js index 214097e7..39aec8e0 100644 --- a/web/src/customThemes/index.js +++ b/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 } ] \ No newline at end of file