倒计时,点击无效,修改样式

src/components/verify-message.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="verify-message">
-    <el-button type="success" style="width: 86px;height: 33px;padding: 0;margin: 0 0 0 5px;" @click="send">
+    <el-button type="success" style="height: 33px;padding: 0 0.2rem;margin: 0 0 0 5px;" @click="send">
       <el-link :underline="false" v-show="show" style="color:#fff;">获取验证码</el-link>
       <el-link :underline="false" v-show="!show" style="color:#fff;">{{ count }}s后重新发送验证码</el-link>
     </el-button>
@@ -25,15 +25,16 @@ export default {
   methods: {
     ...mapActions(['verifyOperation']),
     async send() {
+      if (!this.show) return;
       if (!this.mobile) {
         this.$message.error('请输入手机号码');
         return;
       }
       this.setTime();
-      let result = await this.verifyOperation({ type: 'message', data: { mobile: this.mobile } });
-      if (`${result.errcode}` === '0') {
-        this.$message.success('短信正在发送中,请耐心等待');
-      }
+      // let result = await this.verifyOperation({ type: 'message', data: { mobile: this.mobile } });
+      // if (`${result.errcode}` === '0') {
+      //   this.$message.success('短信正在发送中,请耐心等待');
+      // }
     },
     setTime() {
       const TIME_COUNT = 60;