第一步:npm安装:
npm install e-icon-picker
第二步:在需要用到的页面引入组件:
import { EIconPicker } from 'e-icon-picker'
import 'e-icon-picker/dist/index.css' // 基础样式
import 'e-icon-picker/dist/main.css' // fontAwesome 图标库样式
第三步:在components中声明,并定接收参数:
![](https://img.haomeiwen.com/i9163739/24e47d658514a86b.png)
第四步:使用:
<e-icon-picker v-model="icon" :options="options" />
查看效果:
![](https://img.haomeiwen.com/i9163739/78b4cb4fef840906.png)
![](https://img.haomeiwen.com/i9163739/0c245fdc1719b2e4.png)
![](https://img.haomeiwen.com/i9163739/6257a7dc0395db63.png)
具体的相关参数配置请参考:http://doc.icon.cnovel.club/doc/use/configuration.html
网友评论