From e23bd2696da945291a9b652f1af39ad1936f376b Mon Sep 17 00:00:00 2001
From: 无木 <netfan@foxmail.com>
Date: 星期一, 26 七月 2021 20:58:18 +0800
Subject: [PATCH] feat(preview): add more features
---
src/views/demo/feat/img-preview/index.vue | 7 ++++++-
1 files changed, 6 insertions(+), 1 deletions(-)
diff --git a/src/views/demo/feat/img-preview/index.vue b/src/views/demo/feat/img-preview/index.vue
index 79a81c3..b5ece2e 100644
--- a/src/views/demo/feat/img-preview/index.vue
+++ b/src/views/demo/feat/img-preview/index.vue
@@ -8,6 +8,7 @@
import { defineComponent } from 'vue';
import { createImgPreview, ImagePreview } from '/@/components/Preview/index';
import { PageWrapper } from '/@/components/Page';
+ // import { PreviewActions } from '/@/components/Preview/src/typing';
const imgList: string[] = [
'https://picsum.photos/id/66/346/216',
@@ -18,7 +19,11 @@
components: { PageWrapper, ImagePreview },
setup() {
function openImg() {
- createImgPreview({ imageList: imgList });
+ 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 };
},
--
Gitblit v1.8.0