fix:修改样式
This commit is contained in:
@@ -66,40 +66,36 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.login-input-wrap {
|
.login-input-wrap {
|
||||||
position: relative;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
|
padding: 0 12px;
|
||||||
|
gap: 8px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: var(--hq-bg, #faf9f7);
|
background: var(--hq-bg, #faf9f7);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-input-icon {
|
.login-input-icon {
|
||||||
position: absolute;
|
flex-shrink: 0;
|
||||||
left: 12px;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
color: var(--hq-muted);
|
color: var(--hq-muted);
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-input {
|
.login-input {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 0;
|
||||||
|
min-width: 0;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
min-height: 48px;
|
min-height: 48px;
|
||||||
padding: 0 12px 0 40px;
|
padding: 0;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
background: transparent;
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Taro H5 输入框内部垂直居中 */
|
/* Taro H5 输入框内部垂直居中 */
|
||||||
@@ -107,6 +103,7 @@
|
|||||||
.login-input-wrap taro-input-core {
|
.login-input-wrap taro-input-core {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
min-width: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-height: 48px;
|
min-height: 48px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -123,6 +120,7 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: none;
|
border: none;
|
||||||
|
outline: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
Reference in New Issue
Block a user