上一条和下一条如何实现css效果呢,迅睿框架,Codeigniter/Laravel/ThinkPHP技术文档,PHP开发文档,迅睿CMS框架官方教程

业务经理

微信扫描以上二维码

028-61286886

在线咨询

全部问题求助问题分享经验开发需求

迅睿框架版主：迅睿框架研发组

上一条和下一条如何实现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>

回帖

#1楼芝麻通

2022-10-12 17:21:01

Chrome 0

常规调用啊

上一篇：{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>

#2楼芝麻通

2022-10-12 17:21:25

Chrome 0

<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>

#3楼天荣科技

2022-10-12 17:39:17
Chrome 0

芝麻通直接复制过去会报错呢？
#4楼天荣科技

2022-10-12 17:40:58
Chrome 0

芝麻通
#5楼芝麻通

2022-10-12 17:45:15
Chrome 0

你代码看下天荣科技

#6楼芝麻通

2022-10-12 17:45:39

Chrome 0

<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

#7楼天荣科技

2022-10-12 17:54:50
Chrome 0

芝麻通

上一页那里为何多一个标题呢？
#8楼天荣科技

2022-10-12 18:09:16
Chrome 0

芝麻通 <ul class="pagination block blocks-2">{if $prev_page} <li class='page-item m-b-0'>{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 $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>

#9楼芝麻通

2022-10-12 18:09:38

Chrome 0

<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>

天荣科技

满意答案

#10楼天荣科技

2022-10-12 18:21:33
Chrome 0

似乎还是有点不同呢？芝麻通似乎好像还是有点不一样呢？参考页面：https://www.hongtaoys.com/3214.html 谢谢！
#11楼芝麻通

2022-10-12 18:31:12
华为手机 0

其他就是基础html比对下了，没啥特别的
#12楼天荣科技

2022-10-13 13:45:41
Chrome 0

芝麻通抱歉我试了很多次都不成功呢？麻烦明示一下，谢谢！请问我的else代码要加到哪个位置呢？谢谢！
#13楼芝麻通

2022-10-13 13:53:29
Chrome 0

天荣科技哪个是你的网站发个内页链接
#14楼天荣科技

2022-10-13 13:56:34
Chrome 0

芝麻通 print.x.tianrongcms.com
#15楼天荣科技

2022-10-13 13:58:07
Chrome 0

天荣科技 https://www.hongtaoys.com/3214.html芝麻通 https://www.hongtaoys.com/3214.html源站
#16楼芝麻通

2022-10-13 13:58:23
Chrome 0

天荣科技页面打不开，可以加我QQ/微信发
#17楼天荣科技

2022-10-13 14:00:19
Chrome 0

天荣科技芝麻通 http://print.x.tianrongcms.cn/index.php?c=show&id=76
#18楼天荣科技

2022-10-13 14:22:41
Chrome 0

芝麻通您QQ多少呢？我的QQ50183970
#19楼天荣科技

2022-10-13 14:41:29
Chrome 0

@芝麻通：{if $prev_page} 上一页 : {$prev_page.title} {else} 下一页: 没有了 {/if}