index.less 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .app-table {
  2. &__header {
  3. display: flex;
  4. align-items: center;
  5. >.block {
  6. display: inline-flex;
  7. align-items: center;
  8. gap: 10px;
  9. margin-bottom: 10px;
  10. &:empty {
  11. display: none;
  12. }
  13. &--right {
  14. margin-left: auto;
  15. }
  16. }
  17. }
  18. &__footer {
  19. margin-top: 20px;
  20. &:empty {
  21. display: none;
  22. }
  23. }
  24. .el-table {
  25. --el-table-bg-color: transparent; //表格背景颜色
  26. --el-table-text-color: #000; //表格文字颜色
  27. --el-table-border-color: #ebeef5; // 表格边框颜色
  28. --el-table-border: 1px solid var(--el-table-border-color); // 表格边框
  29. --el-table-header-bg-color: #f1f5f9; // 表头背景颜色
  30. --el-table-header-text-color: #556772; // 表头文字颜色
  31. --el-table-tr-bg-color: var(--el-table-bg-color); // 表格行背景颜色
  32. --el-table-row-hover-bg-color: #f5f7fa; // 表格行鼠标经过背景色
  33. --el-table-expanded-cell-bg-color: var(--el-table-bg-color); // 展开行背景颜色
  34. --el-table-current-row-bg-color: #f5f7fa; // 当前行高亮颜色
  35. width: 100%;
  36. th.el-table__cell {
  37. font-weight: normal;
  38. padding: 8px 0;
  39. }
  40. td.el-table__cell {
  41. padding: 8px 0;
  42. &.radio .el-radio__label {
  43. display: none;
  44. }
  45. .el-table__placeholder:empty {
  46. display: none;
  47. }
  48. }
  49. &-column {
  50. &--selection {
  51. &.single {
  52. .el-checkbox {
  53. display: none;
  54. }
  55. }
  56. }
  57. }
  58. &__expanded-cell {
  59. .app-action-menu {
  60. position: sticky;
  61. right: 5px;
  62. display: table;
  63. margin-left: auto;
  64. }
  65. }
  66. }
  67. }