Merge branch 'master' of gitlab.qima-inc.com:fe/zanui-vue

2017-03-15 17:25:48 +08:00
parent cf8b8dab2d 71f52fd429
commit 3743f82dfe
19 changed files with 387 additions and 38 deletions
@@ -0,0 +1,37 @@
+<template><section class="demo-toast"><h1 class="demo-title">toast</h1><example-block title="基础用法">
+                <zan-button @click="showSimpleToast()">普通文字提示</zan-button>
+
+<zan-button @click="showToast('loading')">加载Toast</zan-button>
+<zan-button @click="showToast('success')">成功</zan-button>
+<zan-button @click="showToast('failure')">失败</zan-button>
+
+
+
+              </example-block></section></template>
+<style>
+@component-namespace demo {
+  @b toast {
+    .zan-button {
+      margin: 15px;
+    }
+  }
+}
+</style>
+<script>
+import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);
+import { Toast } from 'src/index';
+
+export default {
+  methods: {
+    showSimpleToast() {
+      Toast('我是提示文案，建议不超过十五字~');
+    },
+    showToast(type) {
+      Toast({
+        type: type,
+        message: '文案信息'
+      })
+    }
+  }
+};
+</script>