7B2主题美化:修改圈子、APP圈子评论显示楼层

jaysun

在评论区增加楼层显示,可在圈子,评论区同步展示,让您的APP和网页端显示楼层,以便进一步开展各种活动,网站必不可少的一个小功能。

效果图:

2.png

要求

主题版本:3.5.6

APP插件版本:1.1.6


第一步:替换APP的commentlist.vue文件

文件地址:B2APPcomponents


01.png

第二步:替换主题的Comment.php文件

文件位置:b2/Modules/Common/

02.png

第三步:在主题的functions.php底部添加代码

隐藏内容
评论可见
前往评论

03.png

网页端圈子显示楼层教程

先做《APP显示楼层教程》的第二、第三步,

添加代码:

文件位置:b2/TempParts/circle/circle-comments.php

第30行至第34行


<div class="topic-author-info-left">
                                    <div>
                                        <a :href="list.comment_author.link" target="_blank"><span v-text="list.comment_author.name" class="author"></span></a >
                                        <span v-text="list.comment_author.vip" :class="'author-vip b2-'+list.comment_author.vip" v-if="list.comment_author.vip"></span>
                                        <span v-text="list.comment_author.lv" :class="'author-lv b2-'+list.comment_author.lv" v-if="list.comment_author.lv"></span>
                                    </div>
                                    <div class="comment-floor"><?php echo sprintf(__('第 %s 层','b2'),'<span>{{list.floor}}</span>'); ?></div>
                                </div>



修改前:

04.png

修改后:

05.png

好了可以,看效果了。

附件
APP圈子显示楼层教程
蓝奏云
****(需购买后查看)
下载文件
附件购买
售价:0 积分

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (暂无评论,100人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码