阿里巴巴矢量图标库的使用步骤
生活随笔
收集整理的這篇文章主要介紹了
阿里巴巴矢量图标库的使用步骤
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一,首先我們要先注冊一個賬號
二,進入網站主頁:資源管理——>我的項目——>點擊加號新建項目
三,在搜索框中輸入想要的圖標名稱,例如:購物車,找到喜歡的購物車圖標,點擊添加入庫,然后添加到項目。
四,在我的項目中,選擇保存圖標的項目,然后下載到本地。
五,解壓下載的文件夾
- 首先給解壓的文件夾重命名為(為了方便):font
- 里面有一個demo_index.html:這個網頁是教我們如何使用這些圖標
- 我們使用Font Class的形式
六,把整個font文件夾剪切,粘貼到我們的項目中的src/assets下
七,在Vue項目中的main.js中引入:import './assets/font/iconfont.css'
八,應用于頁面
例如: <span class="iconfont icon-xxx"></span>
總結
以上是生活随笔為你收集整理的阿里巴巴矢量图标库的使用步骤的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【codeforces 534D】Han
- 下一篇: ubuntu php 树莓派,树莓派3