update img

frontend/src/views/main/Upload.vue

@@ -54,18 +54,58 @@ const anchorList = reactive([
 const templateList = reactive([
   {
     template_id: "style1",
-    img: "鏡面-01",
+    img: "天井",
   },
   {
     template_id: "style2",
-    img: "鏡面-02",
+    img: "城市",
   },
   {
     template_id: "style3",
-    img: "鏡面-03",
+    img: "城市2",
   },
   {
     template_id: "style4",
+    img: "城市3",
+  },
+  {
+    template_id: "style5",
+    img: "高樓",
+  },
+  {
+    template_id: "style6",
+    img: "落地窗",
+  },
+  {
+    template_id: "style7",
+    img: "落地窗2",
+  },
+  {
+    template_id: "style8",
+    img: "網路",
+  },
+  {
+    template_id: "style9",
+    img: "網路2",
+  },
+  {
+    template_id: "style10",
+    img: "網路3",
+  },
+  {
+    template_id: "style11",
+    img: "鏡面-01",
+  },
+  {
+    template_id: "style12",
+    img: "鏡面-02",
+  },
+  {
+    template_id: "style13",
+    img: "鏡面-03",
+  },
+  {
+    template_id: "style14",
     img: "鏡面-04",
   },
 ]);
@@ -78,7 +118,7 @@ let items = reactive([
 
 // 取得圖片路徑
 const getImageUrl = (imgFolder: string, name: string) => {
-  return new URL(`../../assets/img/${imgFolder}/${name}.png`, import.meta.url)
+  return new URL(`../../assets/img/${imgFolder}/${name}.webp`, import.meta.url)
     .href;
 };