canrd-outside / order-erp-front · Commits

Commit cebc6a590e1a19af7380a55aed43b23af274df0a

Authored by 无木
1 parent 525484e7

fix(login): fix `auto fill` style in dark-theme 

修复黑暗主题下的自动填充表单域样式
Inline Side-by-side
Showing 4 changed files with 28 additions and 4 deletions
src/views/sys/login/Login.vue
  View file @cebc6a5
... ... @@ -140,6 +140,12 @@
140 140 color: #fff;
141 141 }
142 142 }
  143 +
  144 + input.fix-auto-fill,
  145 + .fix-auto-fill input {
  146 + -webkit-text-fill-color: #c9d1d9 !important;
  147 + box-shadow: inherit !important;
  148 + }
143 149 }
144 150  
145 151 .@{prefix-cls} {
... ...
src/views/sys/login/LoginForm.vue
  View file @cebc6a5
... ... @@ -9,7 +9,12 @@
9 9 @keypress.enter="handleLogin"
10 10 >
11 11 <FormItem name="account" class="enter-x">
12   - <Input size="large" v-model:value="formData.account" :placeholder="t('sys.login.userName')" />
  12 + <Input
  13 + size="large"
  14 + v-model:value="formData.account"
  15 + :placeholder="t('sys.login.userName')"
  16 + class="fix-auto-fill"
  17 + />
13 18 </FormItem>
14 19 <FormItem name="password" class="enter-x">
15 20 <InputPassword
... ...
src/views/sys/login/MobileForm.vue
  View file @cebc6a5
... ... @@ -3,11 +3,17 @@
3 3 <LoginFormTitle class="enter-x" />
4 4 <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
5 5 <FormItem name="mobile" class="enter-x">
6   - <Input size="large" v-model:value="formData.mobile" :placeholder="t('sys.login.mobile')" />
  6 + <Input
  7 + size="large"
  8 + v-model:value="formData.mobile"
  9 + :placeholder="t('sys.login.mobile')"
  10 + class="fix-auto-fill"
  11 + />
7 12 </FormItem>
8 13 <FormItem name="sms" class="enter-x">
9 14 <CountdownInput
10 15 size="large"
  16 + class="fix-auto-fill"
11 17 v-model:value="formData.sms"
12 18 :placeholder="t('sys.login.smsCode')"
13 19 />
... ...
src/views/sys/login/RegisterForm.vue
  View file @cebc6a5
... ... @@ -4,17 +4,24 @@
4 4 <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
5 5 <FormItem name="account" class="enter-x">
6 6 <Input
  7 + class="fix-auto-fill"
7 8 size="large"
8 9 v-model:value="formData.account"
9 10 :placeholder="t('sys.login.userName')"
10 11 />
11 12 </FormItem>
12 13 <FormItem name="mobile" class="enter-x">
13   - <Input size="large" v-model:value="formData.mobile" :placeholder="t('sys.login.mobile')" />
  14 + <Input
  15 + size="large"
  16 + v-model:value="formData.mobile"
  17 + :placeholder="t('sys.login.mobile')"
  18 + class="fix-auto-fill"
  19 + />
14 20 </FormItem>
15 21 <FormItem name="sms" class="enter-x">
16 22 <CountdownInput
17 23 size="large"
  24 + class="fix-auto-fill"
18 25 v-model:value="formData.sms"
19 26 :placeholder="t('sys.login.smsCode')"
20 27 />
... ... @@ -52,7 +59,7 @@
52 59 >
53 60 {{ t('sys.login.registerButton') }}
54 61 </Button>
55   - <Button size="large" block class="enter-x mt-4" @click="handleBackLogin">
  62 + <Button size="large" block class="mt-4 enter-x" @click="handleBackLogin">
56 63 {{ t('sys.login.backSignIn') }}
57 64 </Button>
58 65 </Form>
... ...