1、iconfont圖標庫網址： https://www.iconfont.cn/home/index
將自己需要的圖標加入購物車
打開購物車點擊添加到項目
打開項目點擊項目設置
選擇font class選項，保存到本地
2、在Vue項目中assets文件夾下新增一個icon文件夾，將下載下來的文件解壓到icon文件夾
在app.vue文件中引用css
1 <script> 2 import "./assets/icon/iconfont.css" 3 </script>
在組件中就可以用class方式使用啦
<n-button type="info" style="margin-left: 6px" @click="Export" class="iconfont el-icon-zzexport">導出</n-button>
使用效果
class名稱可以通過打開下載下來的文件中demo_index.html獲取
