B2主题导航栏字体图标

第一步：调出菜单 CSS 类、直接在导航标签写 span 代码

1. WP 后台 → 外观 → 菜单

2. 右上角【显示选项】→ 勾选 CSS 类（必须打开）

3. 找到你要加角标的导航，导航标签 这样填：

消息 <span class="b2-badge">3</span>
新品 <span class="b2-badge new">NEW</span>

第二步：B2 后台添加自定义 CSS（B2 设置 → 自定义 CSS）

直接复制下面全套，红色小圆角标，适配 B2 顶部导航：

/* 导航角标基础样式 */
.b2-badge{
    display: inline-flex;
    background:#ff4444;
    color:#fff;
    font-size:10px;
    padding:0 5px;
    height:16px;
    line-height:16px;
    border-radius:99px;
    margin-left:4px;
    position:relative;
    top:-8px;
}
.b2-badge.new{
    background:#ff9500;
}
.b2-badge.hot{
    background:#e53e3e;
}
/* 移动端菜单适配，防止错位 */
@media (max-width:768px){
    .b2-badge{
        top:-6px;
    }
}