浏览代码

注册更改样式

zhengnaiwen_citu 9 月之前
父节点
当前提交
ca65b050d2
共有 1 个文件被更改,包括 19 次插入12 次删除
  1. 19 12
      layout/components/authModal/login/index.vue

+ 19 - 12
layout/components/authModal/login/index.vue

@@ -25,6 +25,12 @@
         >
           <uni-forms-item name="phone" label="手机号">
             <uni-easyinput placeholder="请输入手机号" v-model="state.sms.phone" :inputBorder="false" type="number">
+              
+            </uni-easyinput>
+          </uni-forms-item>
+
+          <uni-forms-item name="code" label="验证码">
+            <uni-easyinput placeholder="请输入验证码" v-model="state.sms.code" :inputBorder="false" type="number" maxlength="6">
               <template v-slot:right>
                 <button class="login-code" :disabled="state.isMobileEnd" :class="{ 'code-btn-end': state.isMobileEnd }" @tap="handleCode">
                   {{ getSmsTimer('smsLogin') }}
@@ -32,10 +38,6 @@
               </template>
             </uni-easyinput>
           </uni-forms-item>
-
-          <uni-forms-item name="code" label="验证码">
-            <uni-easyinput placeholder="请输入验证码" v-model="state.sms.code" :inputBorder="false" type="number" maxlength="6"></uni-easyinput>
-          </uni-forms-item>
         </uni-forms>
 
         <!-- 账号密码登录 -->
@@ -87,6 +89,17 @@
 
         <uni-forms-item name="phone" label="手机号">
           <uni-easyinput placeholder="请输入手机号" v-model="state.register.phone" :inputBorder="false" type="number">
+          </uni-easyinput>
+        </uni-forms-item>
+
+        <uni-forms-item name="code" label="验证码">
+          <uni-easyinput
+            placeholder="请输入验证码"
+            v-model="state.register.code"
+            :inputBorder="false"
+            type="number"
+            maxlength="6"
+          >
             <template v-slot:right>
               <button
                 class="login-code"
@@ -99,12 +112,6 @@
             </template>
           </uni-easyinput>
         </uni-forms-item>
-
-        <uni-forms-item name="code" label="验证码">
-          <uni-easyinput
-            placeholder="请输入验证码"
-            v-model="state.register.code" :inputBorder="false" type="number" maxlength="6"></uni-easyinput>
-        </uni-forms-item>
       </uni-forms>
       <view class="register login" @tap="handleChangeLogin">已有账户?去登陆</view>
       <view>
@@ -246,8 +253,8 @@ const handleLogin = async () => {
   text-align: center; 
   font-size: 12px; 
   cursor: pointer;
-  border: 1px dashed #00897B;
-  border-radius: 26px;
+  // border: 1px dashed #00897B;
+  // border-radius: 26px;
   padding: 0;
 }
 .head-title {