From 6bbee4a5cc19e23df8adfdab66885390bc442006 Mon Sep 17 00:00:00 2001
From: wanglin2 <1013335014@qq.com>
Date: Sat, 23 Sep 2023 10:52:04 +0800
Subject: [PATCH] =?UTF-8?q?Demo:=E8=8A=82=E7=82=B9=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E9=80=82=E9=85=8D=E6=96=B0=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/Edit/components/NodeTag.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/Edit/components/NodeTag.vue b/web/src/pages/Edit/components/NodeTag.vue
index ddf8e390..91809fbd 100644
--- a/web/src/pages/Edit/components/NodeTag.vue
+++ b/web/src/pages/Edit/components/NodeTag.vue
@@ -20,8 +20,7 @@
         v-for="(item, index) in tagArr"
         :key="index"
         :style="{
-          backgroundColor: tagColorList[index].background,
-          color: tagColorList[index].color
+          backgroundColor: generateColorByContent(item)
         }"
       >
         {{ item }}
@@ -40,7 +39,7 @@
 </template>
 
 <script>
-import { tagColorList } from 'simple-mind-map/src/constants/constant'
+import { generateColorByContent } from 'simple-mind-map/src/utils/index'
 
 /**
  * @Author: 王林
@@ -52,7 +51,6 @@ export default {
   data() {
     return {
       dialogVisible: false,
-      tagColorList,
       tagArr: [],
       tag: '',
       activeNodes: [],
@@ -68,6 +66,8 @@ export default {
     this.$bus.$off('showNodeTag', this.handleShowNodeTag)
   },
   methods: {
+    generateColorByContent,
+
     handleNodeActive(...args) {
       this.activeNodes = [...args[1]]
       if (this.activeNodes.length > 0) {
@@ -140,6 +140,7 @@ export default {
       padding: 3px 5px;
       margin-right: 5px;
       margin-bottom: 5px;
+      color: #fff;
 
       .delBtn {
         position: absolute;