| | |
|---|
| | | .header { |
|---|
| | | margin-bottom: 12px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: flex-start; |
|---|
| | | justify-content: flex-start !important; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | .hideBlock { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .queryForm { |
|---|
| | | padding: 10px; |
|---|
| | | background: #f5f7fa; |
|---|
| | | margin-bottom: 0px; |
|---|
| | | border-radius: 4px; |
|---|
| | | |
|---|
| | | .el-form-item { |
|---|
| | | margin-right: 20px; |
|---|
| | | margin-bottom: 0; |
|---|
| | | |
|---|
| | | // 统一输入框和选择框的宽度 |
|---|
| | | .el-input, .el-select { |
|---|
| | | width: 200px; // 设置统一的宽度 |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 选择框内部输入框样式 |
|---|
| | | .el-select .el-input__wrapper { |
|---|
| | | height: 32px; // 与输入框高度一致 |
|---|
| | | padding: 1px 11px; // 与输入框内边距一致 |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 日期选择器宽度 |
|---|
| | | .el-date-editor { |
|---|
| | | width: 220px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 如果需要更精确的控制，可以单独设置 |
|---|
| | | .formItem { |
|---|
| | | width: 200px; |
|---|
| | | |
|---|
| | | &.el-input, &.el-select { |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
