您现在的位置是:首页 > 教程 > pbootcms教程pbootcms教程
pbootcms分页效果数字效果实现方法
谭满铿2024-09-09 20:19:29pbootcms教程已有人查阅
导读数字条自带a链接标签代码和选中效果标签数字带class名称为 page-num,当前页自带page-num-current样式{pboot:if({page:rows}>0)}首页
数字条自带a链接标签代码和选中效果标签数字带class名称为 page-num,当前页自带page-num-current样式{pboot:if({page:rows}>0)}首页上一页{page:numbar}下一页尾页 {else}本分类下无任何数据!{/pboot:if}
CSS样式代码
需要给数字条里的span标签单独设置样式,使分页条更美观好看
数字条样式分页条适合企业网站,行业网站使用
CSS样式代码
需要给数字条里的span标签单独设置样式,使分页条更美观好看
数字条样式分页条适合企业网站,行业网站使用
/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 8px 12px;
margin: 0 5px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 14px;
padding: 8px 2px;
margin: 0 5px;
border-radius: 3px;
}
.pagination a:hover {
color: #4fc08d;
border: 1px solid #4fc08d;
}
.pagination a.page-num-current {
color: #fff;
background: #4fc08d;
border: 1px solid #4fc08d;
}
/* ----- PB分页数字条效果 结束 ----- */
本文标签:
很赞哦! ()
相关文章
随机图文
-
pbootcms后台提示"登录失败:登录失败次数太多已被锁定,请600s重试!"
这种情况是由于多次密码错误导致登录界面锁定,解决方法:删除网站根目录的runtime文件夹,然后 刷新页面 重试,ok。 -
pbootcms栏目怎么增加栏目简介,pbootcms栏目增加栏目简介字段
pbootcms后台栏目编辑里面默认只有名称和副名称,少了个栏目简介,有时在栏目页面需要调用一段介绍文字,这个时候这个就很重要了,接下来就来一起操作下如何添加栏目简介字段 -
pbootcms模板文件嵌套引用的写法
模板文件嵌套引用,可以嵌套使用,如:index.html 嵌套一个head.html,同时head.html中嵌套comm.html -
开发手册PbootCMS公司信息标签参数列表
公司信息标签 ;适用范围:全站任意地方均可使用;标签作用:用于调取网站与公司相关的信息,对应后台的“基础内容>公司信息”
留言与评论 (共有 条评论) |