From c1c3769f5e2b54dbfd892dde50f90bb26d7f0cc7 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 27 Nov 2024 19:06:26 +0800
Subject: [PATCH] 作战图调整

---
 /dev/null                  |    0 
 public/img/ochart.jpeg     |    0 
 src/views/ochart/index.vue |   16 +++++++++++++---
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/public/img/ochart.jpeg b/public/img/ochart.jpeg
new file mode 100644
index 0000000..8df49b7
--- /dev/null
+++ b/public/img/ochart.jpeg
Binary files differ
diff --git a/public/img/ochart.jpg b/public/img/ochart.jpg
deleted file mode 100644
index 49d8dc3..0000000
--- a/public/img/ochart.jpg
+++ /dev/null
Binary files differ
diff --git a/src/views/ochart/index.vue b/src/views/ochart/index.vue
index 0f8b79a..e1a09d2 100644
--- a/src/views/ochart/index.vue
+++ b/src/views/ochart/index.vue
@@ -2,21 +2,31 @@
  * @Author: shuishen 1109946754@qq.com
  * @Date: 2023-03-10 15:27:59
  * @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-11-26 20:24:05
+ * @LastEditTime: 2024-11-27 19:05:04
  * @FilePath: \bigScreen\src\views\ochart\index.vue
  * @Description: 综合设计
  * 
  * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 -->
 <script setup>
+import { Picture } from '@element-plus/icons-vue'
 const { VITE_APP_BASE } = import.meta.env
-let image = ref(VITE_APP_BASE + 'img/ochart.jpg')
+let image = ref(VITE_APP_BASE + 'img/ochart.jpeg')
 </script>
 
 <template>
   <div class="container page-container">
     <div class="w100 h100 img-box">
-      <img class="w100" :src="image" alt="">
+      <el-image :src="image" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" :preview-src-list="[image]"
+        :initial-index="4" fit="cover">
+        <template #error>
+          <div class="image-slot">
+            <el-icon>
+              <Picture />
+            </el-icon>
+          </div>
+        </template>
+      </el-image>
     </div>
   </div>
 </template>

--
Gitblit v1.9.3