| | |
|---|
| | | //main-container全局样式 |
|---|
| | | .app-container { |
|---|
| | | padding: 20px; |
|---|
| | | background-color: #F7F7F7; |
|---|
| | | min-height: calc(100vh - 84px); |
|---|
| | | } |
|---|
| | | .search-form { |
|---|
| | | background: #fff; |
|---|
| | | padding: 20px 20px 0 20px; |
|---|
| | | margin-bottom: 20px; |
|---|
| | | border-radius: 4px; |
|---|
| | | box-shadow: var(--el-box-shadow-light); |
|---|
| | | } |
|---|
| | | .table-toolbar { |
|---|
| | | margin-bottom: 20px; |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | gap: 10px; |
|---|
| | | } |
|---|
| | | /* 响应式布局 */ |
|---|
| | | @media screen and (min-width: 768px) { |
|---|
| | | .search-form :deep(.el-form-item) { |
|---|
| | | width: 50%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | @media screen and (min-width: 1200px) { |
|---|
| | | .search-form :deep(.el-form-item) { |
|---|
| | | width: 18%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .components-container { |
|---|
