From ebbd788fbb2c0b45d4473798efc57eec8ba74a25 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 18 六月 2024 14:51:16 +0800
Subject: [PATCH] 版本更新至2.11.5
---
src/views/demo/feat/img-preview/index.vue | 31 ++++++++++++-------------------
1 files changed, 12 insertions(+), 19 deletions(-)
diff --git a/src/views/demo/feat/img-preview/index.vue b/src/views/demo/feat/img-preview/index.vue
index b5ece2e..ba3207f 100644
--- a/src/views/demo/feat/img-preview/index.vue
+++ b/src/views/demo/feat/img-preview/index.vue
@@ -4,28 +4,21 @@
<a-button @click="openImg" type="primary">鏃犻瑙堝浘</a-button>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { createImgPreview, ImagePreview } from '/@/components/Preview/index';
- import { PageWrapper } from '/@/components/Page';
- // import { PreviewActions } from '/@/components/Preview/src/typing';
+<script lang="ts" setup>
+ import { createImgPreview, ImagePreview } from '@/components/Preview';
+ import { PageWrapper } from '@/components/Page';
- const imgList: string[] = [
+ const imgList = [
'https://picsum.photos/id/66/346/216',
'https://picsum.photos/id/67/346/216',
'https://picsum.photos/id/68/346/216',
];
- export default defineComponent({
- components: { PageWrapper, ImagePreview },
- setup() {
- function openImg() {
- const onImgLoad = ({ index, url, dom }) => {
- console.log(`绗�${index + 1}寮犲浘鐗囧凡鍔犺浇锛孶RL涓猴細${url}`, dom);
- };
- // 鍙互浣跨敤createImgPreview杩斿洖鐨� PreviewActions 鏉ユ帶鍒堕瑙堥�昏緫锛屽疄鐜扮被浼煎够鐏墖銆佽嚜鍔ㄦ棆杞箣绫荤殑楠氭搷浣�
- createImgPreview({ imageList: imgList, defaultWidth: 700, rememberState: true, onImgLoad });
- }
- return { imgList, openImg };
- },
- });
+
+ function openImg() {
+ const onImgLoad = ({ index, url, dom }) => {
+ console.log(`绗�${index + 1}寮犲浘鐗囧凡鍔犺浇锛孶RL涓猴細${url}`, dom);
+ };
+ // 鍙互浣跨敤createImgPreview杩斿洖鐨� PreviewActions 鏉ユ帶鍒堕瑙堥�昏緫锛屽疄鐜扮被浼煎够鐏墖銆佽嚜鍔ㄦ棆杞箣绫荤殑楠氭搷浣�
+ createImgPreview({ imageList: imgList, defaultWidth: 700, rememberState: true, onImgLoad });
+ }
</script>
--
Gitblit v1.9.3