| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | /* 优化顶部表单区域样式 */ |
| | | .top-section-grid { |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | align-items: center; |
| | | gap: 12px; |
| | | margin-bottom: 2vh; |
| | | width: 95vw; |
| | | max-width: 1600px; |
| | | width: 99vw; /* 原95vw,改为99vw */ |
| | | max-width: 1920px; /* 原1600px,改为1920px */ |
| | | margin-left: auto; |
| | | margin-right: auto; |
| | | padding: 12px; |
| | | background: #f8f9fa; |
| | | border-radius: 8px; |
| | | border: 1px solid #e9ecef; |
| | | font-size: 32px; /* 整体大幅调大表单区字体 */ |
| | | font-size: 32px; |
| | | } |
| | | |
| | | /* 表单行样式优化 */ |
| | |
| | | .form-cell { |
| | | display: flex; |
| | | align-items: center; |
| | | flex: 1; |
| | | margin: 0 12px; |
| | | min-height: 56px; |
| | | flex-basis: 0; |
| | | flex-grow: 1; |
| | | max-width: 33.33%; /* 三等分 */ |
| | | min-width: 0; |
| | | margin: 0 8px; |
| | | } |
| | | |
| | | .form-label { |
| | |
| | | color: #c0c4cc; |
| | | cursor: not-allowed; |
| | | } |
| | | |
| | | .input, .input-with-unit { |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .btn-blue { |
| | | background-color: #1890ff; |
| | |
| | | .highlight-label { |
| | | color: #1890ff !important; |
| | | } |
| | | </style> |
| | | |
| | | </style> |