| | |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .wmsMaterialContainerContent { |
|---|
| | | padding: 16px; |
|---|
| | | background: #fff; |
|---|
| | | border-radius: 4px; |
|---|
| | | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); |
|---|
| | | max-width: 500px; // 限制最大宽度 |
|---|
| | | margin: 0 auto; // 水平居中 |
|---|
| | | width: 90%; // 响应式宽度 |
|---|
| | | |
|---|
| | | .h5Form { |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | gap: 20px; // 表单项之间的间距 |
|---|
| | | |
|---|
| | | .el-form-item { |
|---|
| | | margin-bottom: 0; // 移除默认的底部边距 |
|---|
| | | width: 100%; // 占满父容器宽度 |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-form-item__label { |
|---|
| | | display: block; |
|---|
| | | text-align: left; |
|---|
| | | margin-bottom: 8px; |
|---|
| | | font-weight: 500; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .formInput { |
|---|
| | | width: 100%; // 输入框占满父容器宽度 |
|---|
| | | } |
|---|
| | | |
|---|
| | | .buttonGroup { |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | gap: 16px; // 按钮间距 |
|---|
| | | margin-top: 16px; |
|---|
| | | |
|---|
| | | .actionButton { |
|---|
| | | flex: 1; // 按钮平均分配空间 |
|---|
| | | max-width: 150px; // 限制按钮最大宽度 |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
