ZBLOG

function togglePages() { var pagination = document.querySelector('.pagination'); if (pagination.classList.contains('show-all-pages')) { pagination.classList.remove('show-all-pages'); } else...

这段代码应该添加到 myadmin/order/index.html 文件的合适位置。你可以将它放置在订单列表显示的部分之后,例如:

<!-- 其他展示订单列表的内容 -->

<script>
    function togglePages() {
        var pagination = document.querySelector('.pagination');
        
        if (pagination.classList.contains('show-all-pages')) {
            pagination.classList.remove('show-all-pages');
        } else {
            pagination.classList.add('show-all-pages');
        }
    }
</script>

<div class="pagination">
    {% for page_num in plist %}
        {% if page_num == pIndex or page_num|add:-1 == pIndex or page_num|add:1 == pIndex %}
            <a href="?pIndex={{ page_num }}">{{ page_num }}</a>
        {% elif forloop.first or forloop.last %}
            <a href="?pIndex={{ page_num }}">{{ page_num }}</a>
        {% else %}
            <!-- 隐藏的页码 -->
            <span class="hidden-page">{{ page_num }}</span>
        {% endif %}
    {% endfor %}
    
    <button onclick="togglePages()">更多页码</button>
</div>

<style>
    .hidden-page { display: none; }
    .pagination.show-all-pages .hidden-page { display: inline-block; }
</style>

请确保将该代码段正确地嵌入到模板文件中,并根据需要进行调整和定制。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=13122

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?