| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- .app-table {
- &__header {
- display: flex;
- align-items: center;
- >.block {
- display: inline-flex;
- align-items: center;
- gap: 10px;
- margin-bottom: 10px;
- &:empty {
- display: none;
- }
- &--right {
- margin-left: auto;
- }
- }
- }
- &__footer {
- margin-top: 20px;
- &:empty {
- display: none;
- }
- }
- .el-table {
- --el-table-bg-color: transparent; //表格背景颜色
- --el-table-text-color: #000; //表格文字颜色
- --el-table-border-color: #ebeef5; // 表格边框颜色
- --el-table-border: 1px solid var(--el-table-border-color); // 表格边框
- --el-table-header-bg-color: #f1f5f9; // 表头背景颜色
- --el-table-header-text-color: #556772; // 表头文字颜色
- --el-table-tr-bg-color: var(--el-table-bg-color); // 表格行背景颜色
- --el-table-row-hover-bg-color: #f5f7fa; // 表格行鼠标经过背景色
- --el-table-expanded-cell-bg-color: var(--el-table-bg-color); // 展开行背景颜色
- --el-table-current-row-bg-color: #f5f7fa; // 当前行高亮颜色
- width: 100%;
- th.el-table__cell {
- font-weight: normal;
- padding: 8px 0;
- }
- td.el-table__cell {
- padding: 8px 0;
- &.radio .el-radio__label {
- display: none;
- }
- .el-table__placeholder:empty {
- display: none;
- }
- }
- &-column {
- &--selection {
- &.single {
- .el-checkbox {
- display: none;
- }
- }
- }
- }
- &__expanded-cell {
- .app-action-menu {
- position: sticky;
- right: 5px;
- display: table;
- margin-left: auto;
- }
- }
- }
- }
|