fix: 获取验证码按钮状态优化

xinkeaboard-web/components/register/RegisterMail.vue

@@ -39,7 +39,6 @@
       />
       <span class="verify-code-accept">
         <el-button
-          type="primary"
           @click="showHMVerify"
           :disabled="countDownNumer"
           :loading="getVerifyCodeLoading"
@@ -416,11 +415,15 @@ const clearInputVal = (type) => {
         height: 100%;
         // font-weight: bold;
         color: #FFFFFF;
-        background: $colorMain;
+        background-color: $colorMain;
         border-left: none;
         border-radius: 0;
         font-size: 12px;
 
+        &.is-disabled {
+          background-color: #909399;
+        }
+
         &:hover {
           // border-color: #e8e8e8;
           // color: $colorMain;

xinkeaboard-web/components/register/RegisterPhone.vue

@@ -361,11 +361,15 @@ const clearInputVal = (type) => {
         width: 100%;
         height: 100%;
         color: #fff;
-        background: $colorMain;
+        background-color: $colorMain;
         border-left: none;
         border-radius: 0;
         font-size: 12px;
 
+        &.is-disabled {
+          background-color: #909399;
+        }
+
         &:hover {
           // border-color: #e8e8e8;
           // color: $colorMain;

xinkeaboard-web/components/retrieve/RetrievePassword.vue

@@ -308,6 +308,7 @@ const forgetPwd = () => {
   })
     .then((res) => {
       if (res.state == 200) {
+        checkPwdErrorMsg.value = '';
         //成功提示，并返回到登录页面
         showMessage({
           message: L["register"]["重置成功"],
@@ -316,10 +317,11 @@ const forgetPwd = () => {
         emits("success");
       } else {
         //提示错误
-        showMessage({
-          message: res.msg,
-          type: "error",
-        });
+        checkPwdErrorMsg.value = res.msg;
+        // showMessage({
+        //   message: res.msg,
+        //   type: "error",
+        // });
       }
     })
     .finally(() => {
@@ -466,11 +468,15 @@ watch(emailCode, (val) => {
         width: 100%;
         height: 100%;
         color: #fff;
-        background: $colorMain;
+        background-color: $colorMain;
         border-left: none;
         border-radius: 0;
         font-size: 12px;
 
+        &.is-disabled {
+          background-color: #909399;
+        }
+
         &:hover {
           // border-color: #e8e8e8;
           // color: $colorMain;

xinkeaboard-web/components/retrieve/RetrievePwdByPhone.vue

@@ -464,11 +464,15 @@ watch(mobileCode, (val) => {
         width: 100%;
         height: 100%;
         color: #fff;
-        background: $colorMain;
+        background-color: $colorMain;
         border-left: none;
         border-radius: 0;
         font-size: 12px;
 
+        &.is-disabled {
+          background-color: #909399;
+        }
+
         &:hover {
           // border-color: #e8e8e8;
           // color: $colorMain;