mirror of
https://github.com/youzan/vant.git
synced 2025-10-19 18:14:13 +00:00
image preview
This commit is contained in:
@@ -3,16 +3,28 @@
|
||||
<h1 class="page-title">Image Preview</h1>
|
||||
|
||||
<h2 class="page-sub-title">基础用法</h2>
|
||||
<zan-image-preview v-model="preview"></zan-image-preview>
|
||||
<zan-button @click="previewImage">click me</zan-button>
|
||||
<zan-button @click="previewImage2">click me</zan-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ImagePreview } from 'src/index';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
preview: true
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
previewImage() {
|
||||
ImagePreview('https://img.yzcdn.cn/upload_files/2017/03/03/FjVBWm29JBob2gj9RC86MOD38RNf.jpg');
|
||||
},
|
||||
previewImage2() {
|
||||
ImagePreview('https://img.yzcdn.cn/upload_files/2017/03/03/FseigsLj7DceULRKWhXsIsrkq1vT.jpg');
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user