laravel自带分页功能没有显示分页的样式
没有显示分页样式,但是标签都已经生成好了,加上这些样式即可。
.pagination { padding-left: 0; margin: 1.5rem 0; list-style: none; color: #999999; text-align: left; } .pagination:before, .pagination:after { content: " "; display: table; } .pagination:after { clear: both; } .pagination > li { display: inline-block; } .pagination > li > a, .pagination > li > span { position: relative; display: block; padding: 0.5em 1em; text-decoration: none; line-height: 1.2; background-color: #fff; border: 1px solid #ddd; border-radius: 0; margin-bottom: 5px; margin-right: 5px; } .pagination > li:last-child > a, .pagination > li:last-child > span { margin-right: 0; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #0e90d2; border-color: #0e90d2; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; background-color: #fff; border-color: #ddd; cursor: not-allowed; pointer-events: none; } .pagination .pagination-prev { float: left; } .pagination .pagination-prev a { border-radius: 0; } .pagination .pagination-next { float: right; } .pagination .pagination-next a { border-radius: 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; }
