Closed4
vue-paginateのスタイルをカスタマイズしたい
slotで突っ込めばカスタマイズできるかと思いきや出来ない。v1.9.5からはprev-text and next-text propsで直接HTMLを渡してね。って書いてあった。
どうやってもCSSがカスタマイズできない〜!と思ってたら、scope cssは使えないみたいね。
スタイリングはこちらを参考
こんな感じで作れた。
.pagination
text-align: center
margin: 10 0 0 0
padding: 0
list-style-type: none
.page-item
display: inline-block
width: 50px
height: 50px
line-height: 48px
margin: 0 2px
box-sizing: border-box
text-align: center
border-radius: 5px
&.active
background: #F5811F
a
color: #fff
a
display: inline-block
width: 100%
height: 100%
text-decoration: none
&:focus
outline: none
このスクラップは2020/11/24にクローズされました