Skip to content

Commit

Permalink
fix(SPA): 修复在 ios 下密码输入框的样式不正确的问题
Browse files Browse the repository at this point in the history
(cherry picked from commit f435fc730252b7980122299ac46c20277f3d0ee1)
  • Loading branch information
mutoe committed Jan 12, 2019
1 parent bc8f95a commit 5b89d68
Showing 1 changed file with 17 additions and 9 deletions.
26 changes: 17 additions & 9 deletions resources/spa/src/components/common/PasswordConfirm.vue
Original file line number Diff line number Diff line change
Expand Up @@ -28,13 +28,15 @@
</CommonHeader>
<main>
<form onsubmit="return false">
<input
ref="content"
v-model="password"
type="password"
minlength="6"
maxlength="16"
>
<label class="input-wrap">
<input
ref="content"
v-model="password"
type="password"
minlength="6"
maxlength="16"
>
</label>
<button
:disabled="disabled"
type="submit"
Expand Down Expand Up @@ -126,18 +128,24 @@ export default {
margin-bottom: 20px;
height: 60px;
input[type="password"] {
.input-wrap {
flex: auto;
border: 1px solid @border-color;/*no*/
border-radius: 16px 0 0 16px;
input[type="password"] {
margin: 0;
box-shadow: none;
}
}
button[type="submit"] {
flex: none;
width: 6em;
margin: 0;
border-radius: 0 16px 16px 0;
background-color: @primary;
color: #fff;
border-radius: 0 16px 16px 0;
&:disabled {
background-color: #999;
Expand Down

0 comments on commit 5b89d68

Please sign in to comment.