feat: 优化
This commit is contained in:
@@ -430,10 +430,11 @@ onBeforeUnmount(() => {
|
||||
:deep(.ant-input-affix-wrapper) {
|
||||
border-radius: 12px !important;
|
||||
background: #f8fafc !important;
|
||||
border: 1.5px solid #e2e8f0 !important;
|
||||
border: 1.5px solid transparent !important;
|
||||
box-shadow: none !important;
|
||||
transition: all 0.2s ease !important;
|
||||
height: 48px !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
:deep(.ant-input-affix-wrapper:hover) {
|
||||
@@ -445,6 +446,7 @@ onBeforeUnmount(() => {
|
||||
border-color: #3B82F6 !important;
|
||||
background: #ffffff !important;
|
||||
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
:deep(.ant-input) {
|
||||
@@ -467,24 +469,29 @@ onBeforeUnmount(() => {
|
||||
font-weight: 500;
|
||||
color: #334155;
|
||||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.ant-input-affix-wrapper:focus-within) {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
:deep(.ant-form-item) {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
:deep(.ant-form-item-control) {
|
||||
min-height: 48px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 表单验证错误状态 */
|
||||
:deep(.ant-form-item-has-error .ant-input-affix-wrapper) {
|
||||
border-color: #ef4444 !important;
|
||||
background: #ffffff !important;
|
||||
}
|
||||
|
||||
:deep(.ant-form-item-explain-error) {
|
||||
color: #ef4444;
|
||||
font-size: 13px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* ========== 验证码输入 ========== */
|
||||
.code-input {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user