mui底部导航栏
2018-11-02 本文已影响572人
尸弋
记录我APP开发的第一篇文章
使用MUI框架搭建的页面
遇到的第一个难题,底部导航栏切换问题,经过一番查询了解终于解决啦
首先,使用外部icon,从阿里巴巴矢量图(http://www.iconfont.cn/)的网站上查找到对应的icon,将icon加入到购物车,点击下载代码,就会有一个压缩文件下载好,里面包含了选择好的icon样式和字体库,在index.html引用iconfont.css文件,将iconfont.ttf放到相应的字体文件中即可

iconfont.css

iconfont.ttf

index.html
将 mui.min.css和iconfont.css 以及mui.min.js正确引入
html部分 .class="iconfont"一定要加,不然后面的icon字体不能正确显示

js部分
