first commit

vue-ydui/example/routers/sendcode.vue

@@ -0,0 +1,67 @@
+<template>
+    <yd-layout title="SendCode">
+        <yd-cell-group class="demo-small-pitch">
+            <yd-cell-item>
+                <i slot="icon" class="demo-icons-phone"></i>
+                <input type="text" slot="right" placeholder="请输入手机号码">
+
+                <!-- ↓↓关键代码是这里↓↓ -->
+                <yd-sendcode slot="right" v-model="start1" @click.native="sendCode" type="warning"></yd-sendcode>
+                <!-- ↑↑关键代码是这里↑↑ -->
+
+            </yd-cell-item>
+        </yd-cell-group>
+
+        <yd-button-group>
+            <yd-sendcode
+                v-model="start2"
+                @click.native="start2 = true"
+                second="15"
+                runStr="在{%s}秒后你就可以重新获取啦"
+                resetStr="你可以重新获取验证码啦"
+                size="large"
+                type="primary"
+            ></yd-sendcode>
+        </yd-button-group>
+
+        <yd-button-group>
+            <yd-sendcode
+                v-model="start3"
+                storageKey="dashuaibi"
+                @click.native="start3 = true"
+                size="large"
+                type="danger"
+                initStr="刷新页面倒计时还会继续"
+            ></yd-sendcode>
+        </yd-button-group>
+    </yd-layout>
+</template>
+
+<script type="text/babel">
+    export default {
+        data() {
+            return {
+                start1: false,
+                start2: false,
+                start3: false,
+            }
+        },
+        methods: {
+            sendCode() {
+                this.$dialog.loading.open('发送中...');
+                setTimeout(() => {
+
+                    this.start1 = true;
+                    this.$dialog.loading.close();
+
+                    this.$dialog.toast({
+                        mes: '已发送',
+                        icon: 'success',
+                        timeout: 1500
+                    });
+
+                }, 1000);
+            }
+        }
+    }
+</script>