mui使用阿里矢量图标

• 登录Iconfont官网

• 搜索图标并加入购物车

image.png

image.png

image.png

image.png

• 在页面中引入iconfont.css,并修改iconfont.css文件

image.png

• 使用图标

<header class="mui-bar mui-bar-nav"> 
    <a class="mui-pull-left iconfont icon-shaixuan" style="font-size: 30px;margin-top: 10px;"></a>
    <h1 class="mui-title">首页</h1>           
</header>

效果图如下：

image.png