d

iview-admin/src/components/phone-form/phone-form.vue

@@ -13,7 +13,8 @@
           <Icon :size="14" type="md-lock"></Icon>
         </span>
         <span slot="append">
-          <Button type="primary">发送验证码</Button>
+          <Button type="primary" v-if="!isshowtime" @click="sendVCode">发送验证码</Button>
+          <span v-if="isshowtime">{{  leftseconds }}秒</span>
         </span>
       </Input>
     </FormItem>
@@ -48,7 +49,9 @@ export default {
       form: {
         mobile: '',
         vcode: ''
-      }
+      },
+       isshowtime:false,
+        leftseconds:60
     }
   },
   computed: {
@@ -60,6 +63,17 @@ export default {
     }
   },
   methods: {
+    sendVCode(){
+         let tmp=61
+         this.isshowtime=true
+         var th=setInterval(()=>{
+            this.leftseconds= tmp--
+            if(tmp==0){
+               clearInterval(th)
+               this.isshowtime=false
+            }
+         },1000)
+    },
     handleSubmit () {
       this.$refs.loginForm.validate((valid) => {
         if (valid) {