design vue fontAwesome 图标选择器

2023-11-20 20:26:34

项目地址: https://github.com/antusen/design-vue-fontawesome-picker

效果展示

依赖

npm install --save ant-design-vue@1.3.16
npm install --save @fortawesome/fontawesome-svg-core@1.2.22
npm install --save @fortawesome/free-solid-svg-icons@5.10.2
npm install --save @fortawesome/vue-fontawesome@0.1.7

使用

组件参考 fontawesome-picker.vue
注意基于表单请修改 fontawesome-picker.vue v-model 替换为 v-decorator

<template>
  <div id="app">
    <fontawesome-picker />
  </div>
</template>
<script>
import fontawesomePicker from "@/components/fontawesome-picker";
export default {
  name: "app",
  components: {
    "fontawesome-picker": fontawesomePicker
  }
};
</script>