update markmap

GuoXiCheng · Jun 25, 2024 · f701341 · f701341
1 parent d28154c
commit f701341
Showing 1 changed file with 11 additions and 15 deletions.
diff --git a/src/MarkMap.vue b/src/MarkMap.vue
@@ -70,21 +70,10 @@ export default {
 
         // 添加Toolbar
         function addToolbar(markmap) {
-            const js = document.createElement('div');
-            js.innerHTML = 'JS';
-            js.setAttribute('style', 'cursor: pointer;');
-
-            const all = document.createElement('div');
-            all.innerHTML = 'All';
-            all.setAttribute('style', 'cursor: pointer;');
-
-            const react = document.createElement('div');
-            react.innerHTML = 'React';
-            react.setAttribute('style', 'cursor: pointer;');
-
-            const vue = document.createElement('div');
-            vue.innerHTML = 'Vue';
-            vue.setAttribute('style', 'cursor: pointer;');
+            const js = createElementDiv('JS');
+            const all = createElementDiv('All');
+            const react = createElementDiv('React');
+            const vue = createElementDiv('Vue');
             Toolbar.defaultItems = [{
                 content: js,
                 title: 'JavaScript',
@@ -125,6 +114,13 @@ export default {
             toolbar.el.style.right = '0.5rem';
             document.getElementById('container').appendChild(toolbar.el);
         }
+
+        function createElementDiv(title) {
+            const div = document.createElement('div');
+            div.innerHTML = title;
+            div.setAttribute('style', 'cursor: pointer;');
+            return div;
+        }
     }
 };
 </script>