123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- @import "../variate.less";
- .@{elNamespace}-pagination{
- --el-pagination-font-size: 12px;
- .@{elNamespace}-select{
- .@{elNamespace}-input{
- width: 99px;
- font-size: var(--el-pagination-font-size);
- .@{elNamespace}-input__wrapper{
- padding-right: 10px;
- }
- }
- }
- &:not(.is-background){
- // 页码无背景色时
- --el-pagination-button-width: 30px;
- .@{elNamespace}-pager li {
- margin: 0;
- height: 28px;
- //width: 28px;
- }
- }
- .button-disabled(){
- color: var(--el-border-color);
- background-color: #fff;
- }
- --el-pagination-button-bg-color: var(--el-bg-color);
- &.is-background {
- .@{elNamespace}-pagination__sizes{
- margin-right: 20px;
- }
- .@{elNamespace}-pagination__editor.@{elNamespace}-input{
- width: 44px;
- min-width: 44px;
- }
- .@{elNamespace}-pagination__jump{
- margin-left: 20px;
- }
- .@{elNamespace}-pager li{
- font-size: 14px;
- }
- .btn-prev, .btn-next, .@{elNamespace}-pager li{
- border: 1px solid var(--el-border-color);
- &.is-active{
- border-color: var(--el-pagination-hover-color)
- }
- &:not(:disabled):hover{
- border-color: var(--el-pagination-hover-color)
- }
- }
- .btn-prev, .btn-next{
- &:disabled{
- .button-disabled()
- }
- }
- }
- .btn-prev, .btn-next{
- &:disabled{
- .button-disabled()
- }
- }
- }
|