| | |
| | | |
| | | <style lang="scss"> |
| | | |
| | | :deep(.checkbox), |
| | | :deep(.checkbox__inner) { |
| | | padding: 10px !important; |
| | | width: 44px !important; |
| | | min-width: 44px !important; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .row-selected { |
| | | background-color: #e0f3ff !important; |
| | | } |
| | |
| | | /* 可选:设置最大宽度,防止撑破表格 */ |
| | | max-width: 180px; |
| | | overflow-wrap: break-word; |
| | | } |
| | | |
| | | |
| | | :deep(.el-checkbox) { |
| | | min-width: 60px !important; |
| | | min-height: 60px !important; |
| | | display: flex !important; |
| | | align-items: center !important; |
| | | justify-content: center !important; |
| | | /* 可选:让内容居中 */ |
| | | } |
| | | |
| | | :deep(.el-checkbox__input) { |
| | | width: 44px !important; |
| | | height: 44px !important; |
| | | font-size: 44px !important; |
| | | } |
| | | |
| | | :deep(.el-checkbox__inner) { |
| | | width: 44px !important; |
| | | height: 44px !important; |
| | | border-radius: 8px !important; |
| | | border: 2px solid #007aff !important; |
| | | } |
| | | |
| | | :deep(.el-checkbox__input.is-checked .el-checkbox__inner) { |
| | | background-color: #007aff !important; |
| | | border-color: #007aff !important; |
| | | } |
| | | |
| | | /* 重点:设置选择框单元格的 padding 为 10px */ |
| | | :deep(th.el-checkbox) { |
| | | padding: 10px !important; |
| | | } |
| | | |
| | | :deep(td.el-checkbox) { |
| | | padding: 10px !important; |
| | | } |
| | | |
| | | .checkbox[data-v-c2c83a8e] { |
| | | padding: 10px; |
| | | width: 26px; |
| | | padding-left: 12px; |
| | | display: table-cell; |
| | | vertical-align: middle; |
| | | color: #333; |
| | | font-weight: 500; |
| | | border-bottom: 1px #ebeef5 solid; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | /* 针对1280x800的平板使用媒体查询进行适配 */ |