feat: 统一分页组件样式
This commit is contained in:
@ -1,3 +1,4 @@
|
||||
@import './input.scss';
|
||||
@import './table.scss';
|
||||
@import './checkbox.scss';
|
||||
@import './checkbox.scss';
|
||||
@import './pagination.scss';
|
||||
41
src/styles/components/pagination.scss
Normal file
41
src/styles/components/pagination.scss
Normal file
@ -0,0 +1,41 @@
|
||||
.arco-pagination {
|
||||
.arco-pagination-list {
|
||||
.arco-pagination-item {
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--BG-300, #e6e6e8);
|
||||
&.arco-pagination-item-ellipsis {
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.arco-pagination-item-active {
|
||||
background-color: transparent;
|
||||
border: 1px solid var(--Brand-Brand-6, #6d4cfe);
|
||||
}
|
||||
}
|
||||
}
|
||||
.arco-pagination-options {
|
||||
.arco-select {
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--BG-300, #e6e6e8);
|
||||
}
|
||||
}
|
||||
.arco-pagination-jumper {
|
||||
&-input {
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--BG-300, #e6e6e8);
|
||||
}
|
||||
&-prepend {
|
||||
color: var(--Text-2, #3c4043);
|
||||
text-align: right;
|
||||
font-family: 'Alibaba PuHuiTi';
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
.arco-input-wrapper {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user