From 915d6e5f60cd88a47067430e83005059ff9eed47 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com> Date: Fri, 16 Aug 2024 13:40:39 +0800 Subject: [PATCH] Doc: update --- web/src/pages/Doc/zh/course4/index.md | 49 +------------------------- web/src/pages/Doc/zh/course4/index.vue | 43 ++-------------------- 2 files changed, 3 insertions(+), 89 deletions(-) diff --git a/web/src/pages/Doc/zh/course4/index.md b/web/src/pages/Doc/zh/course4/index.md index 92ad279f..76bbce99 100644 --- a/web/src/pages/Doc/zh/course4/index.md +++ b/web/src/pages/Doc/zh/course4/index.md @@ -2,17 +2,11 @@ 本节将介绍如何更新当前激活节点的样式。 -样式总体上分为两类，一是常态的样式，二是激活的样式。设置的方法都是`setStyle`方法，通过第三个参数进行指定： - ```js -// 设置常态样式 node.setStyle('样式属性', '样式值') - -// 设置激活样式 -node.setStyle('样式属性', '样式值', true) ``` -## 设置常态样式 +## 设置样式 ### 设置文字样式 @@ -189,47 +183,6 @@ activeNodes.value.forEach(node => { }) ``` -## 设置激活样式 - -激活样式只支持设置边框相关样式和背景。可以通过如下方式获取支持的属性： - -```js -import { supportActiveStyle } from 'simple-mind-map/src/themes/default' - -const checkIsSupportActive = (prop) => { - return supportActiveStyle.includes(prop) -} -``` - -其他和数值常态样式是一样的，只需要给`setStyle`方法传入第三个参数： - -```js -// 设置边框颜色 -activeNodes.value.forEach(node => { - node.setStyle('borderColor', '#000', true) -}) - -// 设置边框虚线 -activeNodes.value.forEach(node => { - node.setStyle('borderDasharray', '5,5', true)// node.setStyle('borderDasharray', 'none', true) -}) - -// 设置边框宽度 -activeNodes.value.forEach(node => { - node.setStyle('borderWidth', 2, true) -}) - -// 设置边框圆角 -activeNodes.value.forEach(node => { - node.setStyle('borderRadius', 5, true) -}) - -// 设置背景颜色 -activeNodes.value.forEach(node => { - node.setStyle('fillColor', '#fff', true) -}) -``` - ## 完整示例