当前位置:首页>B2主题>7b2修改圈子等级为图标显示教程

7b2修改圈子等级为图标显示教程

效果图

打开b2>Modules>Common>User.php,查找:

<b>'.$name.'</b><i>'.$lv.'</i>

替换为

$icon = apply_filters('b2_get_lv_icon', '<span class="lv-icon-new lv-icon user-'.preg_replace("[\d]", '', $lv).' b2-'.$lv.'"><img src="/pic/'.$lv.'.svg" height=16px width=53px></span>',$lv,$name,$color);
            }else{
                $icon = apply_filters('b2_get_vip_icon', '<span class="lv-icon-new lv-icon user-'.preg_replace("[\d]", '', $lv).' b2-'.$lv.'"><img src="/pic/'.$lv.'.svg" height=16px width=53px></span>',$lv,$name);
            }

圈子评论显示等级图标
b2/TempParts/circle/circle-comments.php
找到

<span v-text="list.comment_author.lv" :class="'author-lv b2-'+list.comment_author.lv" v-if="list.comment_author.lv"></span>

替换成如下

<span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv0'">
  <img src=/pic/lv0.svg>
  </span>
  <span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv1'">
  <img src=/pic/lv1.svg>
  </span>
  <span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv2'">
  <img src=/pic/lv2.svg>
  </span>
   <span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv3'">
  <img src=/pic/lv3.svg>
  </span>
   <span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv4'">
  <img src=/pic/lv4.svg>
  </span>
   <span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv5'">
  <img src=/pic/lv5.svg>
  </span>
   <span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv6'">
  <img src=/pic/lv6.svg>
  </span>
    <span  class="lv-icon-new lv-icon user-lv" v-if="list.comment_author.lv == 'lv7'">
  <img src=/pic/lv7.svg>
  </span>

修改会员图标显示

<span v-text="list.comment_author.vip" :class="'author-vip b2-'+list.comment_author.vip" v-if="list.comment_author.vip"></span>

替换为

<span  class="lv-icon-new lv-icon user-vip" v-if="list.comment_author.vip == 'vip0'">
  <img src=/pic/vip0.svg>
  </span>
                                                <span  class="lv-icon-new lv-icon user-vip" v-if="list.comment_author.vip == 'vip1'">
  <img src=/pic/vip1.svg>
  </span>
  <span  class="lv-icon-new lv-icon user-vip" v-if="list.comment_author.vip == 'vip2'">
  <img src=/pic/vip2.svg>
  </span>
  <span  class="lv-icon-new lv-icon user-vip" v-if="list.comment_author.vip == 'vip3'">
  <img src=/pic/vip3.svg>
  </span>

图标自己找自己喜欢的就可以了

如果图形大小不喜欢可以自行F12调整尺寸,后面添加代码即可

声明:本站资源大多来自于网络,侵权联系删除!资源请放心购买,如果长时间资源失效,本站100%予以退款处理!客服手机端底部,PC段右下位置!

给TA打赏
共{{data.count}}人
人已打赏
!
也想出现在这里? 联系我们
内容广告区块
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索