You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

1 lines
31 KiB

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0c5538"],{"3f2a":function(s,a,t){"use strict";t.r(a);var n=function(){var s=this;s._self._c;return s._m(0)},l=[function(){var s=this,a=s._self._c;return a("div",[a("h1",[s._v("主题")]),a("h2",[s._v("主题配置属性一览")]),a("p",[s._v("此处的配置可能未及时更新,完整的主题配置可以参考:"),a("a",{attrs:{href:"https://github.com/wanglin2/mind-map/blob/main/simple-mind-map/src/themes/default.js"}},[s._v("default.js")]),s._v("。")]),a("p",[s._v("如果某个属性的值你不知道如何传,可以去在线demo中设置一下,然后导出json或smm文件查看对应的值。也可以参考demo项目中的配置"),a("a",{attrs:{href:"https://github.com/wanglin2/mind-map/blob/main/web/src/config/zh.js"}},[s._v("zh.js")]),s._v("。")]),a("pre",{staticClass:"hljs"},[a("code",[s._v("{\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 节点内边距")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("paddingX")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("15")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("paddingY")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 图片显示的最大宽度")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("imgMaxWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 图片显示的最大高度")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("imgMaxHeight")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// icon的大小")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("iconSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("20")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 连线的粗细")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 连线的颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 连线样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineDasharray")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 连线风格,支持三种")]),s._v("\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 1.曲线(curve)。仅logicalStructure、mindMap、verticalTimeline三种结构支持。")]),s._v("\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 2.直线(straight)。")]),s._v("\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 3.直连(direct)。仅logicalStructure、mindMap、organizationStructure、verticalTimeline四种结构支持。")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineStyle")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'straight'")]),s._v(", \n "),a("span",{staticClass:"hljs-comment"},[s._v("// 曲线连接时,根节点和其他节点的连接线样式保持统一,默认根节点为 ( 型,其他节点为 { 型,设为true后,都为 { 型。仅logicalStructure、mindMap两种结构支持。")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("rootLineKeepSameInCurve")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 直线连接(straight)时,连线的圆角大小,设置为0代表没有圆角,仅支持logicalStructure、mindMap、verticalTimeline三种结构")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineRadius")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 连线尾部是否显示标记,目前只支持箭头")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("showLineMarker")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要连线的粗细")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalizationLineWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要连线的颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalizationLineColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要曲线距节点的距离")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalizationLineMargin")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要节点距节点的距离")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalizationNodeMargin")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("20")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线默认状态的粗细")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("2")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线默认状态的颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(51, 51, 51)'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线激活状态的粗细")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineActiveWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("8")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线激活状态的颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineActiveColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgba(2, 167, 240, 1)'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线文字颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineTextColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(51, 51, 51)'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线文字大小")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineTextFontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("14")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线文字行高")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineTextLineHeight")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1.2")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 关联线文字字体")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("associativeLineTextFontFamily")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'微软雅黑, Microsoft YaHei'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 背景颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("backgroundColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fafafa'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 背景图片")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("backgroundImage")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 背景重复")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("backgroundRepeat")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'no-repeat'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 设置背景图像的起始位置")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("backgroundPosition")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'center center'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 设置背景图片大小")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("backgroundSize")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'cover'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 节点使用只有底边横线的样式,仅logicalStructure、mindMap、catalogOrganization、organizationStructure四种结构支持。")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("nodeUseLineStyle")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 根节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("root")]),s._v(": {\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 形状")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("shape")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rectangle'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 背景颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("fillColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontFamily")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'微软雅黑, Microsoft YaHei'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fff'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("16")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontWeight")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'bold'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontStyle")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'normal'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineHeight")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1.5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'transparent'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderDasharray")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderRadius")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("textDecoration")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 是否使用渐变背景,如果设为true,则会忽略fillColor配置")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("gradientStyle")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 如果gradientStyle为true,那么可以通过这两个字段来定义渐变的起止颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("startColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("endColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fff'")]),s._v("\n },\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 二级节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("second")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("shape")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rectangle'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 外边距")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("marginX")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("marginY")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("40")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fillColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fff'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontFamily")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'微软雅黑, Microsoft YaHei'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#565656'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("16")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontWeight")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'noraml'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontStyle")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'normal'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineHeight")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1.5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderDasharray")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderRadius")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("textDecoration")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("gradientStyle")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("startColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("endColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fff'")]),s._v("\n },\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 三级及以下节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("node")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("shape")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rectangle'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("marginX")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("50")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("marginY")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fillColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'transparent'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontFamily")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'微软雅黑, Microsoft YaHei'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#6a6d6c'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("14")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontWeight")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'noraml'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontStyle")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'normal'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineHeight")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1.5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'transparent'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderRadius")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderDasharray")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("textDecoration")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("gradientStyle")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("startColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("endColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fff'")]),s._v("\n },\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalization")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("shape")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rectangle'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("marginX")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("marginY")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("40")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fillColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fff'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontFamily")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'微软雅黑, Microsoft YaHei'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#565656'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("16")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontWeight")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'noraml'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontStyle")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'normal'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineHeight")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1.5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderDasharray")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderRadius")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("textDecoration")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'none'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("gradientStyle")]),s._v(": "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("startColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#549688'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("endColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'#fff'")]),s._v("\n }\n}\n")])]),a("h2",[s._v("使用和切换主题")]),a("p",[a("code",[s._v("simple-mind-map")]),s._v("内置了很多主题,可以通过如下方式获取到所有的内置主题列表:")]),a("pre",{staticClass:"hljs"},[a("code",[a("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { themeList } "),a("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),a("span",{staticClass:"hljs-string"},[s._v("'simple-mind-map/src/constants/constant'")]),s._v("\n"),a("span",{staticClass:"hljs-comment"},[s._v("// import { themeList } from 'simple-mind-map/src/utils/constant' v0.6.0以下版本使用该路径")]),s._v("\n")])]),a("blockquote",[a("p",[s._v("v0.6.8+,主题列表增加了代表是否是暗黑主题的字段dark,你可以根据这个字段来将界面切换为暗黑模式。")])]),a("p",[s._v("可以在实例化"),a("code",[s._v("simple-mind-map")]),s._v("时指定使用的主题:")]),a("pre",{staticClass:"hljs"},[a("code",[a("span",{staticClass:"hljs-keyword"},[s._v("new")]),s._v(" MindMap({\n "),a("span",{staticClass:"hljs-attr"},[s._v("theme")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'minions'")]),s._v("\n})\n")])]),a("p",[s._v("如果想动态切换主题也很简单:")]),a("pre",{staticClass:"hljs"},[a("code",[s._v("mindMap.setTheme("),a("span",{staticClass:"hljs-string"},[s._v("'classic'")]),s._v(")\n")])]),a("p",[s._v("如果要获取当前使用的主题名称可以使用:")]),a("pre",{staticClass:"hljs"},[a("code",[a("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" theme = mindMap.getTheme()\n")])]),a("h2",[s._v("修改主题的部分配置")]),a("p",[s._v("要修改主题的部分配置,可以在实例化时通过"),a("code",[s._v("themeConfig")]),s._v("选项设置:")]),a("pre",{staticClass:"hljs"},[a("code",[a("span",{staticClass:"hljs-keyword"},[s._v("new")]),s._v(" MindMap({\n "),a("span",{staticClass:"hljs-attr"},[s._v("themeConfig")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("paddingX")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("20")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// ...")]),s._v("\n }\n})\n")])]),a("p",[s._v("具体的主题属性可以参考前面小节,最终渲染时,"),a("code",[s._v("themeConfig")]),s._v("配置会和当前主题配置进行合并。")]),a("p",[s._v("如果实例化后想动态设置,可以使用"),a("code",[s._v("setThemeConfig")]),s._v("方法:")]),a("pre",{staticClass:"hljs"},[a("code",[s._v("mindMap.setThemeConfig({\n "),a("span",{staticClass:"hljs-attr"},[s._v("paddingX")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("20")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// ...")]),s._v("\n})\n")])]),a("p",[s._v("注意,你传入的这个对象会替换掉配置中的"),a("code",[s._v("themeConfig")]),s._v("原有的值。")]),a("h2",[s._v("定义新主题")]),a("p",[s._v("除了可以使用内置的主题外,你也可以自定义新主题:")]),a("pre",{staticClass:"hljs"},[a("code",[a("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" MindMap "),a("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),a("span",{staticClass:"hljs-string"},[s._v("'simple-mind-map'")]),s._v("\n\n"),a("span",{staticClass:"hljs-comment"},[s._v("// 注册新主题")]),s._v("\nMindMap.defineTheme("),a("span",{staticClass:"hljs-string"},[s._v("'主题名称'")]),s._v(", {\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 主题配置")]),s._v("\n})\n\n"),a("span",{staticClass:"hljs-comment"},[s._v("// 1.实例化时使用新注册的主题")]),s._v("\n"),a("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" mindMap = "),a("span",{staticClass:"hljs-keyword"},[s._v("new")]),s._v(" MindMap({\n "),a("span",{staticClass:"hljs-attr"},[s._v("theme")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'主题名称'")]),s._v("\n})\n\n"),a("span",{staticClass:"hljs-comment"},[s._v("// 2.动态切换新主题")]),s._v("\nmindMap.setTheme("),a("span",{staticClass:"hljs-string"},[s._v("'主题名称'")]),s._v(")\n")])]),a("p",[s._v("最好在实例化之前进行注册,这样在实例化时可以直接使用新注册的主题。")]),a("p",[s._v("一个主题其实就是一个普通的对象,完整配置可以参考"),a("a",{attrs:{href:"https://github.com/wanglin2/mind-map/blob/main/simple-mind-map/src/themes/default.js"}},[s._v("默认主题")]),s._v(","),a("code",[s._v("defineTheme")]),s._v("方法会把你传入的配置和默认配置做合并。大部分主题其实需要自定义的部分不是很多,一个典型的自定义主题配置可以参考"),a("a",{attrs:{href:"https://github.com/wanglin2/mind-map/blob/main/simple-mind-map/src/themes/blueSky.js"}},[s._v("blueSky")]),s._v("。")]),a("pre",{staticClass:"hljs"},[a("code",[s._v("MindMap.defineTheme("),a("span",{staticClass:"hljs-string"},[s._v("'redSpirit'")]),s._v(", {\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 背景颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("backgroundColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 238, 228)'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 连线的颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(230, 138, 131)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("lineWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("3")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要连线的粗细")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalizationLineWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("3")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要连线的颜色")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalizationLineColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(222, 101, 85)'")]),s._v(",\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 根节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("root")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("fillColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(207, 44, 44)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 233, 157)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("''")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("24")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 233, 157)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("3")]),s._v(",\n }\n },\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 二级节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("second")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("fillColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 255, 255)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(211, 58, 21)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(222, 101, 85)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("2")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("18")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 233, 157)'")]),s._v(",\n }\n },\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 三级及以下节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("node")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("14")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(144, 71, 43)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 233, 157)'")]),s._v("\n }\n },\n "),a("span",{staticClass:"hljs-comment"},[s._v("// 概要节点样式")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("generalization")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("fontSize")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("14")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("fillColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 247, 211)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(255, 202, 162)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderWidth")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("2")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(187, 101, 69)'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v(": {\n "),a("span",{staticClass:"hljs-attr"},[s._v("borderColor")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'rgb(222, 101, 85)'")]),s._v("\n }\n }\n})\n")])]),a("h2",[s._v("完整示例")]),a("iframe",{staticStyle:{width:"100%",height:"455px",border:"none"},attrs:{src:"https://wanglin2.github.io/playground/#eNrFV+tvG0UQ/1dWh9A5yDk/0wTjVIXCB6QGoRaJD7kIne/W9rbn3eN2nUcjSxBQadpUBYEoL6ESiZIPSKCCSh5U+Wf8SP8LZm/vZfuSlqpSP/ixszO/mf3N7Nzcpvam5xmrXazVtDq3feIJxLHoeudNSjoe8wXaRD5u5hGjS6xLBXbyiLct12Vrl3ET9VDTZx2kA4IeWywR6ixZntoyNQ5iF892QDrbsTxTMylCJnWxQFImNRcR7bqukhcKaPD468H2neHxJ8O/j0Y/fH5ya2u0dTC4ee/klz2T2oxygSxbkFX8HnMwB+skotzyyoxJFcrNL4Z3dvv7R092v4vM7LZFW/iDNu5gMMvNoMXzaFP6DSMx4PDBbk63XYtzYusA1wsRh3/tDW7sDA4e9R8fj77ZG3775zi6g5uEZqGHjBgphZzuY+eKR3wi9LzSQgh8nHy2M/z+jye7P51sP1TChmVfa/lAvnORucyvId1vNXLlubk8KlcW4Ku8MKPnE4Djn0eHx0BbGsMFt2PWlWIelaR1qVKKraXWh8QR7RqqJIDDB1snDz6NYUcP742ObqjdFqbYt1xy3RKE0UvPYp6Oatp8LMZyGcIrlvJoYS59wOH9A1URw/v/DP69q+Q+Y6IW0YhQk7juGFZxPo+qVfmJoRCyp/msgMu5+ZROg/kO9iOsSXl43GIsbjIqrpDruIbK1VioijUV3iTsWQFMuIqYRQiqMvhJmOkf7owOf5smh2OoT+csegLf4ddpBJUgE3Oy3pKCyTxHVtomDlHO4Ku08GL4yqBlfxtoGdy91T/6tb9/e5ofCm0kzU4SU5LDNBUlWUnzcMJqJeX4eaI+Pejw2kzFOn5nnhZ1dqKrcBkgnWenMdAsylyeKz89j2P0LAB+UAHnXv/f/IxVzyQ90IdFDxpyVr9O2mnUseNHVm660ctHDl6LGnMujAm7NeQwu9vBVBgtLN5xAZqKtzbedXJ6aHkReLagVfn6THg0xxJW6limJgWmNnZSKRZ4XUixqcUtTD0M06mXinabuI6PqVReTjAm4DK9THpKt4TE2bjDDKcryV5a7yVFEP0NZZEdoURchr4vp4D3GSfqQizrLm7KZ6puQ+ogTSuhupB1AmUGeQRFHhRXb+YNNXUEd27041eDL38P71wwffQPb/ePHqULjtGcLvvFR6qcwU9OLvNBE7lEuEhKLSr5YEoxVi23K8eCSE+5h1KFT72gZi+YumAhMAxMlsCwQqjukFUUzCKLphYG8TbuMFMLtkMF4iS7cYGCSr0Au2nFCEkw5jYsqaI2TVFvdIVgFF2wXWJfA5XUrARq6WmqXlC6oS1AT9qmBh2wPW1umsBJgo3+1QspLmDJxYaraLkQzpqmZhTUgBnNWJh3DJtzU4sza6RoizKzphpYqVh8NdBDyIsryMfgEfIWbATFJz+vTNIbQSWGVoMztyuUIYxTUIcwG4QrwbxkMe2+jUmrDerVYtFbjzxn+30t8tyx/BYBvxGqZzkOoa1IEIduhNl+xohLUQRh0PEaAKFSgxxoeU1lQI70xlXOKLxBBPBmuAEZiDuDqcELgmoHRgH+Gj70ZdLBMlmzDZ+tcewDiKmFVzXjpUHatoXweK1QcNc/pnyDG4zzWZvONjC5Csc24Km40aU2N2zWKUCZY8EzakO6CQ/T03r/AbfdVt0="}})])}],v={},_=v,i=t("2877"),r=Object(i["a"])(_,n,l,!1,null,null,null);a["default"]=r.exports}}]);