github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 19:29:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf(table): optimize effect performance

Browse Source
This commit is contained in:
vben
2020-11-01 11:13:34 +08:00
parent 84b8302c09
commit a1ffb61804
18 changed files with 132 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/design/ant/pagination.less
View File

@@ -1,15 +1,9 @@
.ant-pagination {
&.mini {
height: 20px;
font-size: 13px;
.ant-pagination-prev,
.ant-pagination-next {
width: 20px;
height: 20px;
min-width: 20px;
line-height: 20px;
color: @border-color-shallow-dark;
font-size: 12px;
color: @text-color-base;
border: 1px solid;
}
@@ -17,15 +11,23 @@
.ant-pagination-next:hover,
.ant-pagination-item:focus,
.ant-pagination-item:hover {
color: @primary-color;
border: 1px solid @primary-color;
a {
color: @primary-color;
}
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-item {
height: 20px;
min-width: 20px;
margin: 0 3px;
line-height: 20px;
margin: 0 4px;
background: #f4f4f5 !important;
border: none;
border-radius: none !important;
a {
margin-top: 1px;
color: #606266;
}
&:last-child {
margin-right: 0 !important;
@@ -33,58 +35,26 @@
}
.ant-pagination-item-active {
background: @primary-color;
background: @primary-color !important;
border: none;
border-radius: none !important;
a {
color: @white;
color: @white !important;
}
}
.ant-pagination-options {
margin-left: 20px;
}
.ant-select-sm .ant-select-selection--single {
height: 20px;
}
.ant-pagination-options,
.ant-pagination-total-text,
.ant-pagination-options-quick-jumper {
height: 20px;
line-height: 20px;
}
.ant-select-selection__rendered {
height: 18px;
line-height: 18px;
}
.ant-pagination-total-text,
.ant-select-selection__rendered,
.ant-select-dropdown-menu-item,
.ant-pagination-options-quick-jumper {
font-size: 13px;
margin-left: 12px;
}
.ant-pagination-options-quick-jumper input {
width: 40px;
height: 20px;
height: 22px;
margin: 0 6px;
line-height: 20px;
line-height: 22px;
text-align: center;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
height: 20px;
line-height: 20px;
}
.ant-pagination-options-size-changer.ant-select {
margin-right: 20px;
}
.ant-select-arrow {
color: @border-color-shallow-dark;
}