image preview

This commit is contained in:
cookfront
2017-03-05 16:57:50 +08:00
parent f224cda4f2
commit 8856af91fd
7 changed files with 102 additions and 21 deletions

View File

@@ -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>