<nav class="mui-bar mui-bar-tab">
<a id="defaultTab" class="mui-tab-item mui-active" href="tab-home.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label" style="color: #7C7C7C;">首页</span>
</a>
<a class="mui-tab-item" href="tab-message.html">
<span class="mui-icon mui-icon-email"><span id="muibadge" class="mui-badge">1</span></span>
<span class="mui-tab-label" style="color: #7C7C7C;">消息</span>
</a>
<a class="mui-tab-item" href="#">
<span class="mui-icon mui-icon-navigate"></span>
<span class="mui-tab-label" style="color: #7C7C7C;">通信录</span>
</a>
<a class="mui-tab-item" href="tab-me.html">
<span class="mui-icon mui-icon-contact"></span>
<span class="mui-tab-label" style="color: #7C7C7C;">我</span>
</a>

下雨咯
- 发布:2017-12-29 09:14
- 更新:2017-12-29 21:13
- 阅读:1629
3 个回复
3***@qq.com
更换icon对应的class就可以
7***@qq.com
修改这句话中的class即可:
复制代码
<span class="mui-icon mui-icon-mic"></span>
链接:MUI图标
自带模板:
复制代码
<nav class="mui-bar mui-bar-tab"> <a class="mui-tab-item mui-active"> <span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-phone"></span> <span class="mui-tab-label">电话</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-email"></span> <span class="mui-tab-label">邮件</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">设置</span> </a> </nav>
修改后的例子:
复制代码
<nav class="mui-bar mui-bar-tab"> <a class="mui-tab-item mui-active"> <span class="mui-icon mui-icon-mic"></span> <span class="mui-tab-label">首页</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-location"></span> <span class="mui-tab-label">电话</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-starhalf"></span> <span class="mui-tab-label">邮件</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-list"></span> <span class="mui-tab-label">设置</span> </a> </nav>
[已删除]
联系我帮你解决