前言
基本上在開發前端網頁時, 若是要豐富網頁的內容, 一定少不了使用一些圖示來增添美感, 為了能夠自由放大縮小圖片且不失真, 通常我們會使用SVG格式的圖片來美化UI。 這類的圖我們可以自己做或是從font awesome下載。 以下是介紹如何在Vue.js 的框架裡套用 font awesome
透過npm下載
npm install vue-awesome
npm install vue-awesome
註冊到 main.js
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'
Vue.component('icon',Icon)
使用(以按鈕為例)
<b-button>
<icon name='save'></icon> Save
</b-button>
留言
張貼留言