实现只显示前后两页和当前页

来源：11-3 影视列表和详情实现（3）

宝慕林0549928

2023-04-29

如果数据过多的话，下面就会非常长，如下所示
图片描述

        {% for idx in pages.range %}
        {% if idx == pages.current -3 %}
        <li class="page-item disabled"><span class="page-link">...</span></li>
        {% endif %}
        {% if idx == pages.current + 3 %}
        <li class="page-item disabled"><span class="page-link">...</span></li>
        {% endif %}
        {% if idx >= pages.current - 2 and idx <= pages.current + 2 %}
        {% if pages.current == idx %}
        <li class="active"><a href="{{pages.url}}&p={{idx}}">{{idx}}</a></li>
        {% else %}
        <li><a href="{{pages.url}}&p={{idx}}">{{idx}}</a></li>
        {% endif %}
        {% endif %}
        {% endfor %}

效果如下，欢迎小伙伴们讨论，qq2190541744
图片描述