diff --git a/apps/mini-hq/src/pages/login/index.css b/apps/mini-hq/src/pages/login/index.css index 28aff23..ffd3613 100644 --- a/apps/mini-hq/src/pages/login/index.css +++ b/apps/mini-hq/src/pages/login/index.css @@ -66,40 +66,36 @@ } .login-input-wrap { - position: relative; display: flex; align-items: center; width: 100%; height: 48px; + padding: 0 12px; + gap: 8px; border-radius: 12px; background: var(--hq-bg, #faf9f7); box-sizing: border-box; - overflow: hidden; } .login-input-icon { - position: absolute; - left: 12px; - top: 50%; - transform: translateY(-50%); + flex-shrink: 0; color: var(--hq-muted); font-size: 20px; line-height: 1; pointer-events: none; - z-index: 1; } .login-input { flex: 1; - width: 100%; + width: 0; + min-width: 0; height: 48px; min-height: 48px; - padding: 0 12px 0 40px; + padding: 0; font-size: 15px; line-height: 48px; box-sizing: border-box; - display: flex; - align-items: center; + background: transparent; } /* Taro H5 输入框内部垂直居中 */ @@ -107,6 +103,7 @@ .login-input-wrap taro-input-core { flex: 1; width: 100%; + min-width: 0; height: 100%; min-height: 48px; display: flex; @@ -123,6 +120,7 @@ padding: 0; margin: 0; border: none; + outline: none; background: transparent; font-size: 15px; box-sizing: border-box;