layUI的分頁樣式大多是這樣的:
可能跟我們的項目不是很搭,比如這樣風格的頁面:
,那么我們就需要修改一下分頁的樣式去搭配整體風格,你可以另外寫一個css文件去重新寫樣式以覆蓋layui的css,分頁的樣式在這塊
.layui-laypage a,
.layui-laypage span {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
height: 28px;
line-height: 28px;
margin: 0 -1px 5px 0;
background-color: transparent;
color: #fff;
font-size: 14px;
font-weight: 700;
}
layui-laypage在這個class的a標簽和span標簽,比如我的這個,就將背景顏色改為了透明的,字體改大了;
可以直接在瀏覽器去查看想改的部分內容的樣式,然后去重寫覆蓋該樣式就可以達到目的了,比如