第一步:npm安装:
npm install e-icon-picker@1.0.4
第二步:在需要用到的页面引入组件:
import { EIconPicker } from 'e-icon-picker'
import 'e-icon-picker/dist/index.css' // 基础样式
import 'e-icon-picker/dist/main.css' // fontAwesome 图标库样式
第三步:在components中声明,并定接收参数:
options中的参数代表都要引入那些图标
第四步:使用:
<e-icon-picker v-model="icon" :options="options" />
查看效果:
选择完,接收的参数data.icon
具体的相关参数配置请参考:http://doc.icon.cnovel.club/doc/use/configuration.html