RiPlus 美化主页菜单添加图标和角标

RiPlus 美化主页菜单添加图标和角标

RiPlus演示站的菜单的图标和角标是怎么添加实现的?

RiPlus 美化主页菜单添加图标和角标插图
如上图菜单中的图标可以在名称前面插入html图标代码,右侧角标同理,示例如下:
RiPlus 美化主页菜单添加图标和角标插图(1)

  • 插入图标代码教程示例:<i class="mdi mdi-home"></i> 首页
  • 内置Material Design Icons查看图标代码找到喜欢的图标,单击后自动复制粘贴到此处即可。
  • 插入角标代码教程示例:APP模板 <span class="badge badge-primary">分类VIP</span>
    角标html标签元素可以查看Bootstrap文档 https://v4.bootcss.com/docs/components/badge/
    本示例适合riplus主题
分享到 :
相关推荐