菜单栏的图标

在阿里图标库中选择图标下载，到对应文件夹，解压，

 

在main.js里面引入

import './assets/icon/iconfont.css'

在app.vue里面，参数二是iconfont.css中的类名

<i class="iconfont icon-mianfeijieyue"></i>&nbsp;

另外

   要想让图标呈现上图下标：

    <router-link to="/home" ><i class="iconfont icon-mianfeijieyue"></i><p>首页</p></router-link>

   在css样式中

   li {

    flex: 1;

    background: rgb(255, 255, 255);

    border-right: 1px solid rgb(255, 255, 255);

    list-style: none;

     display: flex;加入

    flex-direction: column;加入

    justify-content: center;加入

}