renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 统一分页组件样式

Browse Source
This commit is contained in:
rd
2025-06-28 11:42:54 +08:00
parent 3b1f85c47d
commit 4873cedefe
5 changed files with 43 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/components/index.scss
View File

@ -1,3 +1,4 @@
@import './input.scss';
@import './table.scss';
@import './checkbox.scss';
@import './pagination.scss';

41
src/styles/components/pagination.scss Normal file
View 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;
}
}
}

33
src/views/property-marketing/media-account/account-dashboard/style.scss
View File

@ -47,39 +47,6 @@
padding: 16px 24px;
justify-content: flex-end;
align-items: center;
:deep(.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-jumper-input {
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
}
.arco-pagination-jumper-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; /* 157.143% */
}
.arco-select-view-single {
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
}
}
}
}
}

32
src/views/property-marketing/media-account/account-manage/style.scss
View File

@ -84,39 +84,7 @@
padding: 16px 24px;
justify-content: flex-end;
align-items: center;
:deep(.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-jumper-input {
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
}
.arco-pagination-jumper-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; /* 157.143% */
}
.arco-select-view-single {
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
}
}
}
}
}

33
src/views/property-marketing/put-account/account-manage/style.scss
View File

@ -68,39 +68,6 @@
padding: 16px 24px;
justify-content: flex-end;
align-items: center;
:deep(.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-jumper-input {
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
}
.arco-pagination-jumper-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; /* 157.143% */
}
.arco-select-view-single {
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
}
}
}
}
}