mixin.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @mixin container {
  2. width: $basicWidth;
  3. min-width: $basicWidth;
  4. margin: 0 auto;
  5. padding: 32px 0 20px;
  6. }
  7. @mixin el-tag {
  8. background-color: #e0e0e0;
  9. color: #000;
  10. border-radius: 20px;
  11. padding: 0 20px;
  12. }
  13. @mixin list {
  14. width: 100%;
  15. min-height: calc(100vh - 446px);
  16. border-radius: 8px;
  17. margin-top: 24px;
  18. background-color: #fff;
  19. &-title {
  20. height: 78px;
  21. line-height: 78px;
  22. padding: 0 30px;
  23. border-bottom: 1px solid #d9d9d9;
  24. }
  25. .el-table {
  26. width: 100%;
  27. &__header th:first-child,
  28. &__body .el-table__row > td:first-child {
  29. padding-left: 20px;
  30. font-weight: 700;
  31. }
  32. }
  33. }
  34. @mixin pagination {
  35. .el-pagination {
  36. margin-top: 24px;
  37. &.is-background .btn-next,
  38. &.is-background .btn-prev,
  39. &.is-background .el-pager li {
  40. background-color: #fff;
  41. }
  42. &.is-background .el-pager li:not(.disabled).active {
  43. background-color: $basicColor;
  44. }
  45. }
  46. }
  47. @mixin dialog {
  48. .el-dialog {
  49. &__body {
  50. padding: 15px 20px 0;
  51. height: 55vh;
  52. color: $color;
  53. }
  54. &__title {
  55. font-weight: 700;
  56. }
  57. }
  58. }