97 lines
1.4 KiB
CSS
97 lines
1.4 KiB
CSS
/* 地址表单页面样式 */
|
|
.form-label {
|
|
font-weight: 500;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.form-label .text-danger {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.form-select:focus,
|
|
.form-control:focus {
|
|
border-color: #86b7fe;
|
|
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
|
|
}
|
|
|
|
.text-danger {
|
|
font-size: 0.875em;
|
|
margin-top: 0.25rem;
|
|
}
|
|
|
|
/* 调试信息样式 */
|
|
.alert-info {
|
|
border-left: 4px solid #0dcaf0;
|
|
background-color: #cff4fc;
|
|
border-color: #b8daff;
|
|
}
|
|
|
|
#debugInfo {
|
|
font-family: 'Courier New', monospace;
|
|
font-size: 0.9em;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
/* 表单布局优化 */
|
|
.row .col-md-4,
|
|
.row .col-md-6,
|
|
.row .col-md-8 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mb-3 {
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
|
|
/* 按钮组样式 */
|
|
.d-flex.gap-2 {
|
|
gap: 0.5rem !important;
|
|
}
|
|
|
|
.btn {
|
|
padding: 0.5rem 1rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* 复选框样式 */
|
|
.form-check {
|
|
padding-left: 1.5em;
|
|
}
|
|
|
|
.form-check-input {
|
|
margin-top: 0.25em;
|
|
}
|
|
|
|
.form-check-label {
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
@media (max-width: 768px) {
|
|
.col-md-4,
|
|
.col-md-6,
|
|
.col-md-8 {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.d-flex.gap-2 {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.d-flex.gap-2 .btn {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* 加载状态样式 */
|
|
.form-select:disabled {
|
|
background-color: #e9ecef;
|
|
opacity: 0.65;
|
|
}
|
|
|
|
.loading-text {
|
|
color: #6c757d;
|
|
font-style: italic;
|
|
}
|