🕟 优化

kicc-ui/src/views/core/login/LoginFormTitle.vue

@@ -10,7 +10,6 @@
 
   const { t } = useI18n();
   const { getLoginState } = useLoginState();
-
   const getFormTitle = computed(() => {
     const titleObj = {
       [LoginStateEnum.RESET_PASSWORD]: t('sys.login.forgetFormTitle'),

kicc-ui/src/views/core/login/MobileForm.vue

@@ -1,29 +1,39 @@
 <template>
   <template v-if="getShow">
     <LoginFormTitle class="enter-x" />
-    <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
+    <Form ref="formRef"
+          class="p-4 enter-x"
+          :model="formData"
+          :rules="getFormRules"
+    >
       <FormItem name="mobile" class="enter-x">
-        <Input
+        <Input v-model:value="formData.mobile"
-          size="large"
+               size="large"
-          v-model:value="formData.mobile"
+               :placeholder="t('sys.login.mobile')"
-          :placeholder="t('sys.login.mobile')"
+               class="fix-auto-fill"
-          class="fix-auto-fill"
         />
       </FormItem>
       <FormItem name="sms" class="enter-x">
-        <CountdownInput
+        <CountdownInput v-model:value="formData.sms"
-          size="large"
+                        size="large"
-          class="fix-auto-fill"
+                        class="fix-auto-fill"
-          v-model:value="formData.sms"
+                        :placeholder="t('sys.login.smsCode')"
-          :placeholder="t('sys.login.smsCode')"
         />
       </FormItem>
-
       <FormItem class="enter-x">
-        <Button type="primary" size="large" block @click="handleLogin" :loading="loading">
+        <Button type="primary"
+                size="large"
+                block
+                :loading="loading"
+                @click="handleLogin"
+        >
           {{ t('sys.login.loginButton') }}
         </Button>
-        <Button size="large" block class="mt-4" @click="handleBackLogin">
+        <Button size="large"
+                block
+                class="mt-4"
+                @click="handleBackLogin"
+        >
           {{ t('sys.login.backSignIn') }}
         </Button>
       </FormItem>
@@ -42,17 +52,13 @@
   const { t } = useI18n();
   const { handleBackLogin, getLoginState } = useLoginState();
   const { getFormRules } = useFormRules();
-
   const formRef = ref();
   const loading = ref(false);
-
   const formData = reactive({
     mobile: '',
     sms: '',
   });
-
   const { validForm } = useFormValid(formRef);
-
   const getShow = computed(() => unref(getLoginState) === LoginStateEnum.MOBILE);
 
   async function handleLogin() {