From 9a9b9cfd60add5e3e56a45fd98c90080a987bfe2 Mon Sep 17 00:00:00 2001
From: KitanoNani <736818560@qq.com>
Date: Fri, 12 Apr 2024 05:41:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=BE=E7=89=87=E5=A4=B1=E6=95=88?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/{about => about_images}/backend1.png | Bin
 public/{about => about_images}/backend2.png | Bin
 public/{about => about_images}/backend3.png | Bin
 src/views/about/index.vue                   |  22 +++++---------------
 4 files changed, 5 insertions(+), 17 deletions(-)
 rename public/{about => about_images}/backend1.png (100%)
 rename public/{about => about_images}/backend2.png (100%)
 rename public/{about => about_images}/backend3.png (100%)

diff --git a/public/about/backend1.png b/public/about_images/backend1.png
similarity index 100%
rename from public/about/backend1.png
rename to public/about_images/backend1.png
diff --git a/public/about/backend2.png b/public/about_images/backend2.png
similarity index 100%
rename from public/about/backend2.png
rename to public/about_images/backend2.png
diff --git a/public/about/backend3.png b/public/about_images/backend3.png
similarity index 100%
rename from public/about/backend3.png
rename to public/about_images/backend3.png
diff --git a/src/views/about/index.vue b/src/views/about/index.vue
index 05f9eeb..6a8a7f0 100644
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
@@ -58,23 +58,11 @@
           <h1 align="center">该项目后端部分使用以下技术栈进行开发</h1>
           <el-image
             style="width: 33.3333%"
-            :src="backendImages[0]"
+            v-for="(image, index) in backendImages"
+            :key="image"
+            :src="image"
             :preview-src-list="backendImages"
-            :initial-index="0"
-            loading="lazy"
-          />
-          <el-image
-            style="width: 33.3333%"
-            :src="backendImages[1]"
-            :preview-src-list="backendImages"
-            :initial-index="1"
-            loading="lazy"
-          />
-          <el-image
-            style="width: 33.3333%"
-            :src="backendImages[2]"
-            :preview-src-list="backendImages"
-            :initial-index="2"
+            :initial-index="index"
             loading="lazy"
           />
         </el-tab-pane>
@@ -84,7 +72,7 @@
 </template>
 <script setup lang="ts">
 const currentTab = ref('front')
-const backendImages = ['/about/backend1.png', '/about/backend2.png', '/about/backend3.png']
+const backendImages = ['/about_images/backend1.png', '/about_images/backend2.png', '/about_images/backend3.png']
 </script>
 <style lang="scss" scoped>
 @media (min-width: 1024px) {