mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
30 lines
918 B
Vue
30 lines
918 B
Vue
<template><section class="demo-image-preview"><h1 class="demo-title">image-preview</h1><example-block title="">
|
|
<zan-button @click="handleImagePreview">预览图片</zan-button>
|
|
|
|
|
|
|
|
</example-block></section></template>
|
|
<style>
|
|
@component-namespace demo {
|
|
@b image-preview {
|
|
.zan-button {
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);
|
|
import { ImagePreview } from 'src/index';
|
|
|
|
export default {
|
|
methods: {
|
|
handleImagePreview() {
|
|
ImagePreview([
|
|
'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp',
|
|
'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp'
|
|
]);
|
|
}
|
|
}
|
|
};
|
|
</script> |