1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- @mixin container {
- width: $basicWidth;
- min-width: $basicWidth;
- margin: 0 auto;
- padding: 32px 0 20px;
- }
- @mixin el-tag {
- background-color: #e0e0e0;
- color: #000;
- border-radius: 20px;
- padding: 0 20px;
- }
- @mixin list {
- width: 100%;
- min-height: calc(100vh - 446px);
- border-radius: 8px;
- margin-top: 24px;
- background-color: #fff;
- &-title {
- height: 78px;
- line-height: 78px;
- padding: 0 30px;
- border-bottom: 1px solid #d9d9d9;
- }
- .el-table {
- width: 100%;
- &__header th:first-child,
- &__body .el-table__row > td:first-child {
- padding-left: 20px;
- font-weight: 700;
- }
- }
- }
- @mixin pagination {
- .el-pagination {
- margin-top: 24px;
- &.is-background .btn-next,
- &.is-background .btn-prev,
- &.is-background .el-pager li {
- background-color: #fff;
- }
- &.is-background .el-pager li:not(.disabled).active {
- background-color: $basicColor;
- }
- }
- }
- @mixin dialog {
- .el-dialog {
- &__body {
- padding: 15px 20px 0;
- height: 55vh;
- color: $color;
- }
- &__title {
- font-weight: 700;
- }
- }
- }
|