update

src/pages/views/draw/index.vue

@@ -42,154 +42,154 @@ const drawCanvas = new DrawCanvas()
 const options = [
   {
     label: '边界线',
-    icon: './assets/img/0.png',
+    icon: '0.png',
     value: 0,
     w: 5,
     h: 3
   },
   {
     label: '灰岩',
-    icon: './assets/img/1.png',
+    icon: '1.png',
     value: 1,
     w: 10,
     h: 6
   },
   {
     label: '第四系全新统残坡积',
-    icon: './assets/img/2.png',
+    icon: '2.png',
     value: 2,
     w: 10,
     h: 6
   },
   {
     label: '第四系全新统崩坡积',
-    icon: './assets/img/3.png',
+    icon: '3.png',
     value: 3,
     w: 10,
     h: 6
   },
   {
     label: '震旦系上统灯影组',
-    icon: './assets/img/4.png',
+    icon: '4.png',
     value: 4,
     w: 10,
     h: 6
   },
   {
     label: '志留系中统石门坎组',
-    icon: './assets/img/5.png',
+    icon: '5.png',
     value: 5,
     w: 10,
     h: 6
   },
   {
     label: '寒武系中统西王庙组',
-    icon: './assets/img/6.png',
+    icon: '6.png',
     value: 6,
     w: 10,
     h: 6
   },
   {
     label: '粉砂岩',
-    icon: './assets/img/7.png',
+    icon: '7.png',
     value: 7,
     w: 10,
     h: 6
   },
   {
     label: '页岩',
-    icon: './assets/img/8.png',
+    icon: '8.png',
     value: 8,
     w: 10,
     h: 6
   },
   {
     label: '粉砂质泥岩',
-    icon: './assets/img/9.png',
+    icon: '9.png',
     value: 9,
     w: 10,
     h: 6
   },
   {
     label: '泥岩',
-    icon: './assets/img/10.png',
+    icon: '10.png',
     value: 10,
     w: 10,
     h: 6
   },
   {
     label: '断层破碎带',
-    icon: './assets/img/11.png',
+    icon: '11.png',
     value: 11,
     w: 10,
     h: 6
   },
   {
     label: '块石土',
-    icon: './assets/img/12.png',
+    icon: '12.png',
     value: 12,
     w: 10,
     h: 6
   },
   {
     label: '白云质灰岩',
-    icon: './assets/img/13.png',
+    icon: '13.png',
     value: 13,
     w: 10,
     h: 6
   },
   {
     label: '炭质页岩',
-    icon: './assets/img/14.png',
+    icon: '14.png',
     value: 14,
     w: 10,
     h: 6
   },
   {
     label: '推测地层界线',
-    icon: './assets/img/15.png',
+    icon: '15.png',
     value: 15,
     w: 10,
     h: 6
   },
   {
     label: '推测岩,土层界线',
-    icon: './assets/img/16.png',
+    icon: '16.png',
     value: 16,
     w: 10,
     h: 6
   },
   {
     label: '细砂岩',
-    icon: './assets/img/17.png',
+    icon: '17.png',
     value: 17,
     w: 10,
     h: 6
   },
   {
     label: '花岗闪长岩',
-    icon: './assets/img/18.png',
+    icon: '18.png',
     value: 18,
     w: 10,
     h: 6
   },
   {
     label: '千枚岩',
-    icon: './assets/img/19.png',
+    icon: '19.png',
     value: 19,
     w: 10,
     h: 6
   },
   {
     label: '钙质千枚岩',
-    icon: './assets/img/20.png',
+    icon: '20.png',
     value: 20,
     w: 10,
     h: 6
   },
   {
     label: '碳质板岩',
-    icon: './assets/img/21.png',
+    icon: '21.png',
     value: 21,
     w: 10,
     h: 6
@@ -210,7 +210,7 @@ function renderLabel(option: { icon: string | URL; label: string; }) {
     }
   }, [
     h('img', {
-      src: new URL(option.icon, import.meta.url).href,
+      src: new URL(`./assets/img/${option.icon}`, import.meta.url).href,
       style: {
         width: '20px',
         height: '20px',