这段代码应该添加到 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助手提供,问题来源于学员提问




