栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > PHP > php开源框架 > 齐博CMS

圈子切换按钮调用不同频道的数据 - 齐博CMS之X1

齐博CMS 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

圈子切换按钮调用不同频道的数据 - 齐博CMS之X1

大家可以看看下图中分别圈起来的地方. 可以根据用户是否有对应的数据,就显示或者隐藏起来. r
同时这些频道的数据,都是异步加载更新的,也可以下拉显示更多. 默认放了几个频道.大家可以参考源代码,可以放更多的频道. 并不会影响页面的打开速度.都是异步加载的.r
这样异步更新.可以给到用户更好的体验. r
![](https://box.kancloud.cn/8848942141a0883fe5e8c814bc3b3c69_460x738.jpg)
![](https://box.kancloud.cn/4fc9b64cf8d11260ccd319a1828232e2_418x679.jpg)

参考代码如下:

r
.title-btn .cnt-box{r
display:none;r
}r
.title-btn .cnt_bbs{r
display:block; r
}r
r
.title-btn .head{r
height:31px;r
}r
.title-btn .tag{r
padding-left:15px;r
padding-right:15px;r
}r
.title-btn .ck{r
color:#133CD7;r
border-bottom:1px solid #133CD7;r
}r
.swiper-slide{width: auto!important;} r
r
r
r
r
r
r
r
r
r
r
__QUN__话题 r
{if modules_config('appstore')}{:modules_config('appstore')['name']}{/if}r
{if modules_config('booking')}{:modules_config('booking')['name']}{/if}r
{if modules_config('shop')}{:modules_config('shop')['name']}{/if}r
{if modules_config('cms')}{:model_config(1,'cms')['title']}{/if}r
{if modules_config('cms')}{:model_config(2,'cms')['title']}{/if}r
r
r
r
r
r
r
{qb:hy name="qun_wapshow_bbs001" type="bbs" where="ext_id=$id" order="qun_status desc,list desc" rows="8" }r
r
r
r
r
{$rs.title}
r
{if (count($rs.picurls)>2)}r
r
{volist name="$rs.picurls" id="pic\r
{lt name="i" value="4\r

圈子切换按钮调用不同频道的数据 - 齐博CMS之X1
r
{/lt}r
{/volist}r
r
{/if}r
r
r
r
{$rs.agree}r
{$rs.replynum}r
r
r
r
r
{/qb:hy}r
r
r
r
{if modules_config('appstore')}r
r
{qb:hy name="qun_wapshow_appstore001" type="appstore" mid="-1" where="uid=$info.uid" order="id" by="desc" rows="6" js="cnt_appstore\r

  • 圈子切换按钮调用不同频道的数据 - 齐博CMS之X1
    {$rs.title}r
  • r
    {/qb:hy}r
    r
    {/if}r
    r
    r
    {if modules_config('shop')}r
    r
    {qb:hy name="qun_wapshow_shop001" type="shop" mid="1" where="uid=$info.uid" order="id" by="desc" rows="6" js="cnt_shop\r

  • 圈子切换按钮调用不同频道的数据 - 齐博CMS之X1
    {$rs.title}r
    r
  • r
    {/qb:hy}r
    r
    {/if}r
    r
    r
    {if modules_config('booking')}r
    r
    {qb:hy name="qun_wapshow_booking001" type="booking" mid="1" where="uid=$info.uid" order="id" by="desc" rows="6" js="cnt_booking\r

  • 圈子切换按钮调用不同频道的数据 - 齐博CMS之X1
    {$rs.title}r
  • r
    {/qb:hy}r
    r
    {/if}r
    r
    r
    {if modules_config('cms')}r
    r
    {qb:hy name="qun_wapshow_photo001" type="cms" mid="2" where="uid=$info.uid" order="id" by="desc" rows="6" js="cnt_photo\r

  • 圈子切换按钮调用不同频道的数据 - 齐博CMS之X1
    {$rs.title}r
  • r
    {/qb:hy}r
    r
    {/if}r
    r
    r
    {if modules_config('cms')}r
    r
    {qb:hy name="qun_wapshow_news001" type="cms" mid="1" where="uid=$info.uid" order="id" by="desc" rows="8" js="cnt_news\r
    r
    r
    r
    r
    {$rs.title}
    r
    {if (count($rs.picurls)>2)}r
    r
    {volist name="$rs.picurls" id="pic\r
    {lt name="i" value="4\r

    圈子切换按钮调用不同频道的数据 - 齐博CMS之X1
    r
    {/lt}r
    {/volist}r
    r
    {/if}r
    r
    r
    r
    {/qb:hy}r
    r
    {/if}r
    r
    r
    r
    r
    r



    如果要加入更多的频道,注意有几处地方要同时增加,
    第一步,对应的加按钮,次序无所谓

    r
    __QUN__话题 r
    {if modules_config('appstore')}{:modules_config('appstore')['name']}{/if}r
    {if modules_config('booking')}{:modules_config('booking')['name']}{/if}r
    {if modules_config('shop')}{:modules_config('shop')['name']}{/if}r
    {if modules_config('cms')}{:model_config(1,'cms')['title']}{/if}r
    {if modules_config('cms')}{:model_config(2,'cms')['title']}{/if}r



    第二步,对应的加数据调用显示标签及模板,次序也无所谓的

    r
    {if modules_config('booking')}r
    r
    {qb:hy name="qun_wapshow_booking001" type="booking" mid="1" where="uid=$info.uid" order="id" by="desc" rows="6" js="cnt_booking\r

  • 圈子切换按钮调用不同频道的数据 - 齐博CMS之X1
    {$rs.title}r
  • r
    {/qb:hy}r
    r
    {/if}r



    第三步,加分页地址,如果你不想显示分页加载更多的话,可以不加

    var url_db = {r
    cnt_bbs:"{qb:hy_url name='qun_wapshow_bbs001' /}",r
    cnt_shop:"{qb:hy_url name='qun_wapshow_shop001' /}",r
    cnt_booking:"{qb:hy_url name='qun_wapshow_booking001' /}",r
    cnt_news:"{qb:hy_url name='qun_wapshow_news001' /}",r
    cnt_photo:"{qb:hy_url name='qun_wapshow_photo001' /}",r
    cnt_appstore:"{qb:hy_url name='qun_wapshow_appstore001' /}",r
    };


    第四步,根据该用户是否有此频道的数据,来显示或者隐藏这个频道的按钮,不加的话,就不会隐藏.也就是说不有任何数据,也会显示此按钮

    function cnt_shop(res){if(res.paginate.total==0){$(".swiper-slide[data-type='cnt_shop']").hide();}}r
    function cnt_booking(res){if(res.paginate.total==0){$(".swiper-slide[data-type='cnt_booking']").hide();}}r
    function cnt_appstore(res){if(res.paginate.total==0){$(".swiper-slide[data-type='cnt_appstore']").hide();}}r
    function cnt_news(res){if(res.paginate.total==0){$(".swiper-slide[data-type='cnt_news']").hide();}}r
    function cnt_photo(res){if(res.paginate.total==0){$(".swiper-slide[data-type='cnt_photo']").hide();}}





    只要参考这四步,对应的加元素,就可以显示其它频道的数据了.

    其中 `` ``
    `cnt-box`是JS统一处理要用到的类 listBbs是文字排版的样式类 listPhoto是图片排版的样式类 `cnt_bbs` `cnt_appstore` 这些就是不同频道的关键字

    这个是跟据用户UID调用数据的, 你可以换位思考,把条件删除,放在频道主页的话,同样适用的.不过需要把标签 qb:hy 全换替换为 qb:tag qb:hy_url 全换成qb:url,
    转载请注明:文章转载自 www.mshxw.com
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号