Vue中使用e-icon-picker 图标选择组件

gitee地址：https://gitee.com/cnovel/e-icon-picker

效果图：

main.js中引入：

import iconPicker from 'e-icon-picker';
import "e-icon-picker/lib/symbol.js"; //基本彩色图标库
import 'e-icon-picker/lib/index.css'; // 基本样式，包含基本图标
import 'font-awesome/css/font-awesome.min.css'; //font-awesome 图标库
import 'element-ui/lib/theme-chalk/icon.css'; //element-ui 图标库
Vue.use(iconPicker, { eIcon: true, ElementUI: true, FontAwesome: true, eIconSymbol: true });

使用：

<!--main-->
<template><div>当前图标：{{icon}}<e-icon-picker v-model="icon" style="width:500px" /></div>
</template><script>
export default {data() {return {icon: ""};}
};
</script>

Vue中使用e-icon-picker 图标选择组件相关推荐

bootstrap4.0图标使用_很不错的两款Bootstrap Icon图标选择组件
一.Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的,初初看上去,确实是很不错的,并且是基于bootstrap风格的,所以更加适合使用bootstrap风格 ...
很不错的两款Bootstrap Icon图标选择组件
这篇文章主要介绍了不容错过的两款Bootstrap Icon图标选择组件,支持自定义的图标,拿出来分享下,绝对的干货,感兴趣的小伙伴们可以参考一下一.Bootstrap icon picker组件 ...
很不错的两款icon图标选择组件
这篇文章主要介绍了两款好用的图标选择组件,支持自定义的图标,拿出来分享下,绝对的干货,感兴趣的小伙伴们可以参考一下一.Bootstrap icon picker组件这个组件是在github上面搜索 ...
html的小图标组件,JS组件系列之Bootstrap Icon图标选择组件
前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的 ...
在Vue中使用svg格式字体图标
在Vue中使用svg格式字体图标 1.新建一条分支,在新分支上修改,测试无误后合并到开发分支(建议) 2.先安装svg-sprite-loader ( 在打包时处理svg格式并展示到项目中的过滤器 ...
Vue中引入并使用动态图标
Vue中引入并使用动态图标 1.安装依赖 2.在Vue项main.js中引入 3.经过以上操作,已经实现全局引入,在任何地方直接使用即可. 本次选用Font-awesome-animation 1.安 ...
vue3.0封装一个图标选择组件
基于vite2.0+vue3.0项目写了一个图标选择器,项目引入对应的css字体文件就行,支持模糊搜索项目的文件目录 1.IconPicker.vue <template><d ...
Vue中使用iconfont的精美图标——Symbol图标
使用iconfont的Symbol图标(精美图标) 在项目中引入了iconfont官网下载的图标,其中含有彩色精美图标,然后引-用后却不是彩色的. 经过网上查找方法,看到一篇文章:https://bl ...
在vue中使用iconfont的项目图标
为了方便开发,同一个图标变换不同的颜色,不需要UI设计师每个颜色切一张图,iconfont的项目设置真的是yyds 1. 登录 iconfont官网 2. 新建项目找到[资源管理]> [我的项 ...
如何在 Vue 中使用 Font Awesome 字体图标
安装 npm install --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/vue-fontawes ...

Vue中使用e-icon-picker 图标选择组件

Vue中使用e-icon-picker 图标选择组件相关推荐

最新文章

热门文章