mu-bottom-navigation导航组件使用阿里巴巴字体图标的方法,vue使用Muse-UI引入阿里巴巴字体图标的方法

Muse-UI引入阿里巴巴字体图标的方法，以及mu-bottom-navigation导航组件使用阿里巴巴字体图标的方法

好紧张第一次写博客，第一次总是痛并快乐着。?有写的不对的，不欢迎广大网友指正???

Muse-UI是一个国外基于vue2.0的移动端的IU框架，个人觉得比国内的移动端IU框架写的要好，不管是从API的详细程度还是iu的美观程度，建议大家去使用。

我要开始了，啧啧

下面是引入使用Muse-UI的步奏，请应许我开始装逼

1. 让我们NPM安装Muse-UI，然后在mian.js引入import MuseUI from ‘muse-ui’;
   import ‘muse-ui/dist/muse-ui.css’; 别忘了使用它Vue.use(MuseUI);如果你需要使用它自带的字体图标，那就再index.html引入谷歌的字体图标
   然后我们就可以开始使用Muse-UI进行移动端的开发了，还可以用他的字体图标，但是有个问题这个字体图标库是有点垃圾的，怎么滴我就说他垃圾，你能拿我有什么办法，根本没有法，是不是想打飞我的医保卡？？？

让我们愉快的使用阿里巴巴字体图标

1.让我们去马云爸爸那下个东西
然后解压把这个文件
放在新建的style目录下
然后我们开始使用导航组件，复制代码到你写的页面
然后再用图标的名字
把icon里内容替换成这样
然后再把这个.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
放入对应页面的style就OK了，打完收工。

等一下，如果你不用字体图标而要用图片怎么替换呢？（比如我们公司要用自己的头像，帅的一比)

1
.icon里面还是用 :iconfont icon-tiaoshi ，这就完成了，美滋滋。还有·icon是可以动态绑定的这意味着我们可以切换图片。