vant components

2017-04-19 17:33:44 +08:00
commit 63c549d651
346 changed files with 25710 additions and 0 deletions
@@ -0,0 +1,34 @@
+<template><section class="demo-image-preview"><h1 class="demo-title">ImagePreview 图片预览</h1><example-block title="基础用法">
+                <van-button @click="handleImagePreview">预览图片</van-button>
+
+
+
+              </example-block></section></template>
+<style>
+@component-namespace demo {
+  @b image-preview {
+    .van-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';
+import MobileComputed from 'components/mobile-computed';
+
+export default {
+  mixins: [MobileComputed],
+
+  methods: {
+    handleImagePreview() {
+      ImagePreview([
+        'https://img.yzcdn.cn/upload_files/2017/03/15/FkubrzN7AgGwLlTeb1E89-T_ZjBg.png',
+        'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg',
+        'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg'
+      ]);
+    }
+  }
+};
+</script>