60 lines
1.4 KiB
CSS
60 lines
1.4 KiB
CSS
/**
|
|
* 分页组件样式
|
|
*/
|
|
|
|
/* 分页容器 */
|
|
.ant-pagination {
|
|
@apply flex items-center space-x-1;
|
|
}
|
|
|
|
/* 分页项 */
|
|
.ant-pagination-item {
|
|
@apply flex items-center justify-center min-w-[32px] h-8 px-3
|
|
border border-gray-200 rounded-md text-sm text-gray-700
|
|
transition-all duration-200 cursor-pointer;
|
|
}
|
|
|
|
.ant-pagination-item:hover {
|
|
@apply border-[#00684a] text-[#00684a];
|
|
/* @apply border-[#30184a] text-[#30184a]; */
|
|
}
|
|
|
|
.ant-pagination-item-active {
|
|
@apply border-[#00684a] bg-[#00684a] text-white font-medium;
|
|
}
|
|
|
|
.ant-pagination-item-active:hover {
|
|
@apply text-white;
|
|
}
|
|
|
|
/* 上一页/下一页按钮 */
|
|
.ant-pagination-prev,
|
|
.ant-pagination-next {
|
|
@apply flex items-center justify-center w-8 h-8
|
|
border border-gray-200 rounded-md text-gray-600
|
|
transition-all duration-200;
|
|
}
|
|
|
|
.ant-pagination-prev:hover,
|
|
.ant-pagination-next:hover {
|
|
@apply border-[#00684a] text-[#00684a];
|
|
}
|
|
|
|
/* 禁用状态 */
|
|
.ant-pagination-disabled {
|
|
@apply opacity-50 cursor-not-allowed;
|
|
}
|
|
|
|
.ant-pagination-disabled:hover {
|
|
@apply border-gray-200 text-gray-600;
|
|
}
|
|
|
|
/* 显示总数和每页显示条数 */
|
|
.ant-pagination-options {
|
|
@apply flex items-center text-sm text-gray-500 mr-4;
|
|
}
|
|
|
|
.ant-pagination-options-size-changer {
|
|
@apply ml-2 px-2 py-1 border border-gray-200 rounded text-sm
|
|
focus:outline-none focus:ring-1 focus:ring-[#00684a] focus:border-[#00684a];
|
|
} |