element plus分页变圆型
时间: 2023-08-09 11:04:43 浏览: 163
Element_Plus 分页组件 内部样式修改(较详细)
5星 · 资源好评率100%
Element Plus提供了Pagination(分页)组件,但默认情况下分页显示的是矩形形状的按钮。如果你想要将分页按钮变成圆型的,你可以通过自定义样式来实现。
首先,在使用Pagination组件的地方添加一个自定义的class名,比如"round-pagination"。
然后,在你的CSS文件中,为这个class添加下面的样式代码:
```css
.round-pagination .el-pagination__button {
border-radius: 50%;
}
```
这样就可以将Pagination组件的按钮样式变成圆型了。记得在使用Pagination组件时,添加这个自定义的class名。
希望这个解答对你有帮助!
阅读全文