迅睿cms 通用分页样式代码分享，复制粘帖即可

{module catid=$catid  order=updatetime page=1 join=1_news_category_data on=id}
        <div class="swiper-slide" style="width: 25%;">
            <div class="img">
                <img src="{dr_thumb($t.thumb)}" alt="">
                <div class="hide">
                    <div class="hide-1">{$t.jiancheng}</div>
                    <div class="hide-2">{$t.title}</div>
                    <div class="hide-3">{$t.yingwenming}</div>
                    <div class="hide-4"><a href="{$t.url}">查看更多</a></div>
                </div>
            </div>
        </div>
{/module}

html页面：

/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #3ea8e2 solid 1px; color: #3ea8e2}
.pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;}
.pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important;}

css页面：