模板修改 显示成员页面上的图标

[小关]

你想在会员页面上显示这样的图标吗？





将此添加到您的extra.less模板：

/* 成员页面上的图标 */
[data-template="member_notable"] .p-body-sideNavContent a.blockLink,
&[data-template="member_notable"] h3.block-textHeader a {
    &:before {
        .m-faBase();
        padding-right: 5px;
    }
    &[href*="/members/"]:before {
        .m-faContent(@fa-var-ellipsis-h-alt);
    }
    &[href*="?key=most_messages"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="?key=highest_reaction_score"]:before {
        .m-faContent(@fa-var-thumbs-up);
    }
    &[href*="?key=most_points"]:before {
        .m-faContent(@fa-var-dot-circle);
    }
    &[href*="?key=xfrm_most_resources"]:before {
        .m-faContent(@fa-var-cog);
    }
    &[href*="?key=xfmg_most_media_items"]:before {
        .m-faContent(@fa-var-images);
    }
    &[href*="?key=xfmg_most_albums"]:before {
        .m-faContent(@fa-var-image);
    }
    &[href*="?key=todays_birthdays"]:before {
        .m-faContent(@fa-var-gift);
    }
    &[href*="?key=staff_members"]:before {
        .m-faContent(@fa-var-user-tie);
    }
}
/*****/

o在@ fa-var-之后更改图标编辑值。

如果您正在使用路径过滤器，请在代码中编辑您使用过滤器更改的内容（例：如果您对成员使用路由过滤器，则编辑上面的代码以适应）