上一条和下一条如何实现css效果呢
迅睿框架 更新 2022-10-13 14:41:29
天荣科技
天荣科技
请问这个效果的翻页如何实现呢？附源代码文件，谢谢！
<ul class="pagination block blocks-2"> <li class='page-item m-b-0'> <a href="https://www.hongtaoys.com/3278.html" title="透明bopp烫金" class=' page-link text-truncate'> 上一页 <span aria-hidden="true" class='hidden-xs-down editable-click' q-id="11449" q-table="product" q-field="name">: 透明bopp烫金</span> </a> </li> <li class="page-item m-b-0 "> <a href="https://www.hongtaoys.com/3280.html" title="透明bopp烫金" class="page-link pull-xs-right text-truncate"> 下一页<span aria-hidden="true" class="hidden-xs-down">: 异形卡通贴</span> </a> </li> </ul>
上一篇：{if $prev_page}<a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if} 下一篇：{if $next_page}<a href="{$next_page.url}">{$next_page.title}</a>{else}没有了{/if} <ul class="pagination block blocks-2">{if $prev_page} <li class='page-item m-b-0'><a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if} <a href="{$prev_page.url}" title="{$prev_page.title}" class=' page-link text-truncate'> 上一页 <span aria-hidden="true" class='hidden-xs-down editable-click' q-id="11449" q-table="product" q-field="name">: {$prev_page.title}</span> </a> </li>{/if} {if $next_page} <li class="page-item m-b-0 "> <a href="{$next_page.url}" title="{$prev_page.title}" class="page-link pull-xs-right text-truncate"> 下一页<span aria-hidden="true" class="hidden-xs-down">: {$next_page.title}</span> </a> </li> </ul><ul class="pagination block blocks-2">{if $prev_page} <li class='page-item m-b-0'><a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if} <a href="{$prev_page.url}" title="{$prev_page.title}" class=' page-link text-truncate'> 上一页 <span aria-hidden="true" class='hidden-xs-down editable-click' q-id="11449" q-table="product" q-field="name">: {$prev_page.title}</span> </a> </li>{/if} {if $next_page} <li class="page-item m-b-0 "> <a href="{$next_page.url}" title="{$next_page.title}" class="page-link pull-xs-right text-truncate"> 下一页<span aria-hidden="true" class="hidden-xs-down">: {$next_page.title}</span> </a> </li> </ul><ul class="pagination block blocks-2">{if $prev_page} <li class='page-item m-b-0'><a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if} <a href="{$prev_page.url}" title="{$prev_page.title}" class=' page-link text-truncate'> 上一页 <span aria-hidden="true" class='hidden-xs-down editable-click' q-id="11449" q-table="product" q-field="name">: {$prev_page.title}</span> </a> </li>{/if} {if $next_page} <li class="page-item m-b-0 "> <a href="{$next_page.url}" title="{$next_page.title}" class="page-link pull-xs-right text-truncate"> 下一页<span aria-hidden="true" class="hidden-xs-down">: {$next_page.title}</span> </a> </li>{/if} </ul>少了个if上一页那里为何多一个标题呢？
<ul class="pagination block blocks-2">{if $prev_page} <li class='page-item m-b-0'> <a href="{$prev_page.url}" title="{$prev_page.title}" class=' page-link text-truncate'> 上一页 <span aria-hidden="true" class='hidden-xs-down editable-click' q-id="11449" q-table="product" q-field="name">: {$prev_page.title}</span> </a> </li>{/if} {if $next_page} <li class="page-item m-b-0 "> <a href="{$next_page.url}" title="{$next_page.title}" class="page-link pull-xs-right text-truncate"> 下一页<span aria-hidden="true" class="hidden-xs-down">: {$next_page.title}</span> </a> </li>{/if} </ul>天荣科技