common.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @use './variables.scss' as *;
  2. .container {
  3. width: 100%;
  4. flex: 1;
  5. font-weight: 400;
  6. }
  7. .component-container {
  8. @extend .container;
  9. }
  10. //表格
  11. .el-table {
  12. --el-table-text-color: rgba(0, 0, 0, 0.88) !important;
  13. --el-fill-color-light: #f8f9fa !important;
  14. --el-table-header-text-color: rgba(0, 0, 0, 0.88) !important;
  15. }
  16. // 表头
  17. .el-table th.el-table__cell {
  18. --el-table-header-bg-color: rgba(0, 0, 0, 0.02);
  19. }
  20. // 固定列
  21. .el-table__header-wrapper tr th.el-table-fixed-column--left,
  22. .el-table__header-wrapper tr th.el-table-fixed-column--right {
  23. --el-table-header-bg-color: #fafafa;
  24. }
  25. // 悬浮颜色
  26. // 表格下横线
  27. .el-table td.el-table__cell,
  28. .el-table th.el-table__cell.is-leaf {
  29. --el-table-border: 1px solid rgba(0, 0, 0, 0.06);
  30. }
  31. // 表格的padding
  32. .el-table .el-table__cell {
  33. padding: 12px 0 !important;
  34. }
  35. .el-table .cell {
  36. padding: 0 24px !important;
  37. }
  38. .el-button {
  39. --el-font-weight-primary: 0 !important;
  40. }
  41. .el-button--primary {
  42. --el-button-bg-color: #1980ff !important;
  43. }
  44. .el-select {
  45. font-weight: 0 !important;
  46. }
  47. .el-dialog {
  48. min-height: 500px;
  49. .el-dialog__title {
  50. color: rgba(0, 0, 0, 0.88);
  51. font-weight: 600;
  52. }
  53. }