Skip to content

Commit 5b89d68

Browse files
committed
fix(SPA): 修复在 ios 下密码输入框的样式不正确的问题
(cherry picked from commit f435fc730252b7980122299ac46c20277f3d0ee1)
1 parent bc8f95a commit 5b89d68

File tree

1 file changed

+17
-9
lines changed

1 file changed

+17
-9
lines changed

resources/spa/src/components/common/PasswordConfirm.vue

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -28,13 +28,15 @@
2828
</CommonHeader>
2929
<main>
3030
<form onsubmit="return false">
31-
<input
32-
ref="content"
33-
v-model="password"
34-
type="password"
35-
minlength="6"
36-
maxlength="16"
37-
>
31+
<label class="input-wrap">
32+
<input
33+
ref="content"
34+
v-model="password"
35+
type="password"
36+
minlength="6"
37+
maxlength="16"
38+
>
39+
</label>
3840
<button
3941
:disabled="disabled"
4042
type="submit"
@@ -126,18 +128,24 @@ export default {
126128
margin-bottom: 20px;
127129
height: 60px;
128130
129-
input[type="password"] {
131+
.input-wrap {
130132
flex: auto;
131133
border: 1px solid @border-color;/*no*/
132134
border-radius: 16px 0 0 16px;
135+
136+
input[type="password"] {
137+
margin: 0;
138+
box-shadow: none;
139+
}
133140
}
134141
135142
button[type="submit"] {
136143
flex: none;
137144
width: 6em;
145+
margin: 0;
146+
border-radius: 0 16px 16px 0;
138147
background-color: @primary;
139148
color: #fff;
140-
border-radius: 0 16px 16px 0;
141149
142150
&:disabled {
143151
background-color: #999;

0 commit comments

Comments
 (0)