Nuxt.js 使用FontAwesome
项目在使用FontAwesome图标时,一直无法正常显示,记录一下Nuxt使用的方法
安装
yarn add @nuxtjs/fontawesome
yarn add @fortawesome/fontawesome-svg-core -D
yarn add @fortawesome/free-brands-svg-icons -D
yarn add @fortawesome/free-solid-svg-icons -D
nuxt.config.js 配置
buildModules:[
'@nuxtjs/fontawesome'
]
fontawesome:{
component: 'fa',
icons:{
solid: true,
brands: true,
}
}
使用方式
<span class="icon has-text-light">
<fa :icon='["fab" , "google"]' />
</span>
以上です。
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: