一款基于fontawesome 免费版icon的vue3.0 icons库
本项目暂时只支持es6模块
npm install @wing-ui/icons-vue3
or
yarn add @wing-ui/icons-vue3
首先在fontawesome 的页面找到想要的icon名称,下面以angle-left
为例
然后在Vue文件中引入组件以及css文件(注意组件名要转换为驼峰命名):
<script>
import AngleLeft from '@wing-ui/icons-vue3/lib/AngleLeft'
import '@wing-ui/icons-vue3/lib/icon.css'
export default {
components: {
AngleLeft
}
}
</script>
其中上面的css文件可以选择项目入口处引入,这样就可以避免多次引入的麻烦
此外,如果使用regular类型的icon,为了跟solid区分,引入时需要在后面追加Regular
import CheckCircle from '@wing-ui/icons-vue/lib/CheckCircle'
import CheckCircleRegular from '@wing-ui/icons-vue/lib/CheckCircleRegular'