20.模板标签 #pageNav

1. 模板标签

2. 参数说明

#pageNav()

3. 实例

#模板
<div class='pagerNa' >
    #pageNav()
div>


#预览模式输出如下,静态页面模式下，url 自适应为格式为静态文件连接

<div class='pagerNa' >
    <div>
        <a href='/index.html?page=1'  class='s'>1a>div>
    <div><a href='/index.html?page=2' >2a>div>
    <div><a href='/index.html?page=3' >3a>div>
    <div><a href="javascript:void()"> - a>div>     <div><a href='/index.html?page=50' >50a>div>
div>

#css 如下控制样式

.pageNav {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pageNav div a {
    display: block;
    padding: 10px 16px;
    background-color: #f1f1f1;
    margin: 0 10px;
    font-size: 1.25rem;
    font-weight: bold;
    box-sizing: border-box;
}

.pageNav div a.s {
    background-color: #dfdfdf;

}