Demo：分类整理图片文件

web/src/config/constant.js

@@ -1,56 +1,56 @@
 //  布局结构图片映射
 export const layoutImgMap = {
-    logicalStructure: require('../assets/img/logicalStructure.png'),
+    logicalStructure: require('../assets/img/structures/logicalStructure.png'),
-    mindMap: require('../assets/img/mindMap.png'),
+    mindMap: require('../assets/img/structures/mindMap.png'),
-    organizationStructure: require('../assets/img/organizationStructure.png'),
+    organizationStructure: require('../assets/img/structures/organizationStructure.png'),
-    catalogOrganization: require('../assets/img/catalogOrganization.png'),
+    catalogOrganization: require('../assets/img/structures/catalogOrganization.png'),
-    timeline: require('../assets/img/timeline.png'),
+    timeline: require('../assets/img/structures/timeline.png'),
-    timeline2: require('../assets/img/timeline2.png'),
+    timeline2: require('../assets/img/structures/timeline2.png'),
-    fishbone: require('../assets/img/fishbone.png'),
+    fishbone: require('../assets/img/structures/fishbone.png'),
-    verticalTimeline: require('../assets/img/verticalTimeline.png'),
+    verticalTimeline: require('../assets/img/structures/verticalTimeline.png'),
 }
 
 //  主题图片映射
 export const themeMap = {
-    default: require('../assets/img/default.jpg'),
+    default: require('../assets/img/themes/default.jpg'),
-    classic: require('../assets/img/classic.jpg'),
+    classic: require('../assets/img/themes/classic.jpg'),
-    minions: require('../assets/img/minions.jpg'),
+    minions: require('../assets/img/themes/minions.jpg'),
-    pinkGrape: require('../assets/img/pinkGrape.jpg'),
+    pinkGrape: require('../assets/img/themes/pinkGrape.jpg'),
-    mint: require('../assets/img/mint.jpg'),
+    mint: require('../assets/img/themes/mint.jpg'),
-    gold: require('../assets/img/gold.jpg'),
+    gold: require('../assets/img/themes/gold.jpg'),
-    vitalityOrange: require('../assets/img/vitalityOrange.jpg'),
+    vitalityOrange: require('../assets/img/themes/vitalityOrange.jpg'),
-    greenLeaf: require('../assets/img/greenLeaf.jpg'),
+    greenLeaf: require('../assets/img/themes/greenLeaf.jpg'),
-    dark2: require('../assets/img/dark2.jpg'),
+    dark2: require('../assets/img/themes/dark2.jpg'),
-    skyGreen: require('../assets/img/skyGreen.jpg'),
+    skyGreen: require('../assets/img/themes/skyGreen.jpg'),
-    classic2: require('../assets/img/classic2.jpg'),
+    classic2: require('../assets/img/themes/classic2.jpg'),
-    classic3: require('../assets/img/classic3.jpg'),
+    classic3: require('../assets/img/themes/classic3.jpg'),
-    classic4: require('../assets/img/classic4.jpg'),
+    classic4: require('../assets/img/themes/classic4.jpg'),
-    classicGreen: require('../assets/img/classicGreen.jpg'),
+    classicGreen: require('../assets/img/themes/classicGreen.jpg'),
-    classicBlue: require('../assets/img/classicBlue.jpg'),
+    classicBlue: require('../assets/img/themes/classicBlue.jpg'),
-    blueSky: require('../assets/img/blueSky.jpg'),
+    blueSky: require('../assets/img/themes/blueSky.jpg'),
-    brainImpairedPink: require('../assets/img/brainImpairedPink.jpg'),
+    brainImpairedPink: require('../assets/img/themes/brainImpairedPink.jpg'),
-    dark: require('../assets/img/dark.jpg'),
+    dark: require('../assets/img/themes/dark.jpg'),
-    earthYellow: require('../assets/img/earthYellow.jpg'),
+    earthYellow: require('../assets/img/themes/earthYellow.jpg'),
-    freshGreen: require('../assets/img/freshGreen.jpg'),
+    freshGreen: require('../assets/img/themes/freshGreen.jpg'),
-    freshRed: require('../assets/img/freshRed.jpg'),
+    freshRed: require('../assets/img/themes/freshRed.jpg'),
-    romanticPurple: require('../assets/img/romanticPurple.jpg'),
+    romanticPurple: require('../assets/img/themes/romanticPurple.jpg'),
-    simpleBlack: require('../assets/img/simpleBlack.jpg'),
+    simpleBlack: require('../assets/img/themes/simpleBlack.jpg'),
-    courseGreen: require('../assets/img/courseGreen.jpg'),
+    courseGreen: require('../assets/img/themes/courseGreen.jpg'),
-    coffee: require('../assets/img/coffee.jpg'),
+    coffee: require('../assets/img/themes/coffee.jpg'),
-    redSpirit: require('../assets/img/redSpirit.jpg'),
+    redSpirit: require('../assets/img/themes/redSpirit.jpg'),
-    blackHumour: require('../assets/img/blackHumour.jpg'),
+    blackHumour: require('../assets/img/themes/blackHumour.jpg'),
-    lateNightOffice: require('../assets/img/lateNightOffice.jpg'),
+    lateNightOffice: require('../assets/img/themes/lateNightOffice.jpg'),
-    blackGold: require('../assets/img/blackGold.jpg'),
+    blackGold: require('../assets/img/themes/blackGold.jpg'),
-    autumn: require('../assets/img/autumn.jpg'),
+    autumn: require('../assets/img/themes/autumn.jpg'),
-    avocado: require('../assets/img/avocado.jpg'),
+    avocado: require('../assets/img/themes/avocado.jpg'),
-    orangeJuice: require('../assets/img/orangeJuice.jpg'),
+    orangeJuice: require('../assets/img/themes/orangeJuice.jpg'),
-    oreo: require('../assets/img/oreo.jpg'),
+    oreo: require('../assets/img/themes/oreo.jpg'),
-    shallowSea: require('../assets/img/shallowSea.jpg'),
+    shallowSea: require('../assets/img/themes/shallowSea.jpg'),
-    lemonBubbles: require('../assets/img/lemonBubbles.jpg'),
+    lemonBubbles: require('../assets/img/themes/lemonBubbles.jpg'),
-    rose: require('../assets/img/rose.jpg'),
+    rose: require('../assets/img/themes/rose.jpg'),
-    seaBlueLine: require('../assets/img/seaBlueLine.jpg'),
+    seaBlueLine: require('../assets/img/themes/seaBlueLine.jpg'),
-    neonLamp: require('../assets/img/neonLamp.jpg'),
+    neonLamp: require('../assets/img/themes/neonLamp.jpg'),
-    darkNightLceBlade: require('../assets/img/darkNightLceBlade.jpg'),
+    darkNightLceBlade: require('../assets/img/themes/darkNightLceBlade.jpg'),
-    morandi: require('../assets/img/morandi.jpg'),
+    morandi: require('../assets/img/themes/morandi.jpg'),
 }
   

web/src/pages/Doc/zh/course19/index.md

@@ -4,7 +4,7 @@
 
 `simple-mind-map`内置了一些图标：
 
-<img src="../../../../assets/img/iconList.jpg" />
+<img src="../../../../assets/img/docs/iconList.jpg" />
 
 你可以通过如下方式获取：
 

web/src/pages/Doc/zh/course19/index.vue

@@ -3,7 +3,7 @@
     <h1>插入和扩展节点图标</h1>
 <h2>插入图标</h2>
 <p><code>simple-mind-map</code>内置了一些图标：</p>
-<img src="../../../../assets/img/iconList.jpg" />
+<img src="../../../../assets/img/docs/iconList.jpg" />
 <p>你可以通过如下方式获取：</p>
 <pre class="hljs"><code><span class="hljs-keyword">import</span> { nodeIconList } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;simple-mind-map/src/svg/icons&#x27;</span>
 </code></pre>

web/src/pages/Index/components/Block1.vue

@@ -137,7 +137,7 @@ export default {
       .pic {
         width: 500px;
         height: 500px;
-        background-image: url('../../../assets/img/block1.png');
+        background-image: url('../../../assets/img/index/block1.png');
         background-size: cover;
       }
 

web/src/pages/Index/components/Block3.vue

@@ -45,7 +45,7 @@ export default {
     .picBox {
       width: 500px;
       height: 500px;
-      background-image: url('../../../assets/img/block3.png');
+      background-image: url('../../../assets/img/index/block3.png');
       flex-shrink: 0;
     }
 

web/src/pages/Index/components/Block4.vue

@@ -84,7 +84,7 @@ export default {
     .picBox {
       width: 500px;
       height: 500px;
-      background-image: url('../../../assets/img/block4.png');
+      background-image: url('../../../assets/img/index/block4.png');
       flex-shrink: 0;
     }
 

web/src/pages/Index/components/Split.vue

@@ -10,7 +10,7 @@ export default {}
 .splitContainer {
   width: 122px;
   height: 15px;
-  background-image: url('../../../assets/img/split.png');
+  background-image: url('../../../assets/img/index/split.png');
   background-size: cover;
 }
 </style>