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 协议》,转载必须注明作者和本文链接
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!