From 39e5d60665573ff52e00d5ab2d2814bd17662666 Mon Sep 17 00:00:00 2001
From: jscyl13849007907 <13849007907@163.com>
Date: Wed, 22 Jan 2025 16:21:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Login/updatepsw.vue | 75 ++++++++++++++++++++++++++------------
 1 file changed, 52 insertions(+), 23 deletions(-)

diff --git a/src/components/Login/updatepsw.vue b/src/components/Login/updatepsw.vue
index 6f8f704..8d1819e 100644
--- a/src/components/Login/updatepsw.vue
+++ b/src/components/Login/updatepsw.vue
@@ -26,24 +26,38 @@
               </a-input>
             </a-form-item>
             <a-form-item label="验证码" style="text-align: left">
-              <a-input style="width:unset" v-decorator="[
-                  'code',
-                  {
-                    rules: [
-                      {
-                        required: true,
-                        message: '请输入验证码',
-                      },
-                    ],
-                    validateTrigger: 'submit',
-                  },
-                ]" type="text" placeholder="请输入短信验证码">
-                <!-- <i slot="prefix" class="icon-duanxinyanzheng iconfont" /> -->
-                <span class="getrulecode" slot="suffix">
-                  <span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
-                  <timmer :timedata="timedata" v-if="!timedata.isfinish" />
-                </span>
-              </a-input>
+              <div class="g_flex_row_start">
+                <div>
+                  <a-input style="width:240px" v-decorator="[
+                    'code',
+                    {
+                      rules: [
+                        {
+                          required: true,
+                          message: '请输入验证码',
+                        },
+                      ],
+                      validateTrigger: 'submit',
+                    },
+                  ]" type="text" placeholder="请输入短信验证码">
+                  <!-- <i slot="prefix" class="icon-duanxinyanzheng iconfont" /> -->
+                  <!-- <span class="getrulecode" slot="suffix">
+                    <span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
+                    <timmer :timedata="timedata" v-if="!timedata.isfinish" />
+                  </span> -->
+                  </a-input>
+                </div>
+                <div class="g_ml_12">
+                  <!-- <a-button>
+                    <span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
+                    <timmer :timedata="timedata" v-if="!timedata.isfinish" />
+                  </a-button> -->
+                  <div class="getrulecode sms-btn" style="line-height: 32px;">
+                    <span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
+                    <timmer :timedata="timedata" v-if="!timedata.isfinish" />
+                  </div>
+                </div>
+              </div>
             </a-form-item>
             <a-form-item label="新密码" style="text-align: left">
               <a-input @input="getpassword" v-decorator="[
@@ -83,7 +97,7 @@
             </a-form-item>
             <a-form-item label class="submit" style="height: 40px;position: relative;margin-bottom: 0;">
               <div class="state-box">
-				  <a-button type="primary" class="cancel login-form-button" @click="cancel">取消</a-button>
+				      <a-button type="primary" class="cancel login-form-button" @click="cancel">取消</a-button>
 				    <a-button 
 				  	style="border: 1px solid #1890ff;"
 				    type="primary" html-type="submit" :loading="btnLoading" class="login-form-button">确定</a-button>
@@ -290,6 +304,7 @@ export default {
     margin: 0 auto;
     .ant-form-item {
       display: flex;
+      margin-bottom: 16px;
       // align-items: center;
     }
     /deep/ .ant-form-explain {
@@ -312,7 +327,7 @@ export default {
         color: #4d575e;
       }
       .ant-input {
-        height: 40px;
+        height: 32px;
         // background-color: #f6f6f6;
         // width: 430px;
         text-indent: 15px;
@@ -329,13 +344,13 @@ export default {
         &::placeholder {
           opacity: 0.4;
           color: #4d575e;
-          font-size: 16px;
+          font-size: 14px;
           text-indent: 15px;
         }
       }
     }
     .ant-input {
-      height: 40px;
+      height: 32px;
       // background-color: #f6f6f6;
       // width: 430px;
       text-indent: 15px;
@@ -352,7 +367,7 @@ export default {
       &::placeholder {
         opacity: 0.4;
         color: #4d575e;
-        font-size: 16px;
+        font-size: 14px;
         text-indent: 15px;
       }
     }
@@ -414,4 +429,18 @@ export default {
 	width: 430px;
 	top: -15px;
 }
+.sms-btn{
+  width: 102px !important;
+  height: 32px !important;
+  border: 1px solid #1890ff !important;
+  color: #1677ff !important;
+  background-color: transparent;
+  border-color: #1677ff;
+  box-shadow: none;
+  font-size: 14px !important;
+  // padding: 7px 12.5px;
+  border-radius: 6px;
+  position: relative;
+  top: 4px;
+}
 </style>