e-icon-picker 图标库
安装
npm install e-icon-picker -S // 我安的是1.1.7版本
在main.js中引入一下
import eIconPicker 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(eIconPicker, {FontAwesome: true, ElementUI: true, eIcon: true, eIconSymbol: true});
在所需组件中应用
<e-icon-picker v-model="from.icon"></e-icon-picker>
效果
e-icon-picker 图标库相关推荐
- 使用多个icon 字体图标库样式冲突问题
场景:项目中使用的UI样式库中包含一套icon 字体图标库,自定义一套字体图标库,在应用的时候,出现冲突,导致一方字体图标库无法显示或者显示不正常,原因:字体命名冲突,样式命名冲突,导致字体图标显示不 ...
- vue 引入 icon(阿里图标库)
项目中,需要引入一些SVG图标,我一般都是用阿里图标库(https://www.iconfont.cn/),网上有三种步骤,我的也是其中一种,接下来记录一下,我自己用的步骤: 第一步:在阿里图标库找到 ...
- java后台icon font 图标替换
我们知道后台有些菜单图标,一般用的是iconf font,往往免费的一套icon font系统里的图标太少,满足不了我们一些需求,当然也有人说用重复的图标不就可以了,可是作为一个资深程序员,强烈病态的 ...
- 阿里巴巴矢量图标库icon图标在线引用
阿里巴巴矢量图标库icon图标在线引用 写代码有时候不方便下载图标的时候可以直接引用阿里巴巴矢量图标库的图标,放在代码内 具体步骤如下: 1.进入阿里巴巴矢量图标库选择需要的图标: 2.点击加入购物车 ...
- 使用阿里图标库icon图标 ttf字体文件转化成base64格式
iconfont-阿里巴巴矢量图标库 下载代码 字体文件上传到下面网站 Online @font-face generator - Transfonter 下载转好的文件 将以下代码复制到css 阿里 ...
- flutter显示图标_flutter 引入第三方 Icon 图标(以阿里图标库为例)
在fluttter中引入第三方图标库的具体方法: 1.在阿里图标库选好需要用的图标,添加进购物车将选好的图标打包下载到本地(下载代码),复制iconfont.ttf文件到项目中 2.存放途径:lib/ ...
- Vue 使用阿里图标库代替element icon
一.创建阿里图标库项目 打开网址:https://www.iconfont.cn/ ,找到[我的项目] 点击右侧文件夹[创建项目] 填写[项目名称],[FontClass]前缀填好后,后续使用icon ...
- 微信小程序使用阿里图标库(iconfont)封装自定义的icon图标组件
一.通过阿里图标库生成iconfont.wxss 1.登录阿里图标库官网https://www.iconfont.cn/,新建一个项目,例如我新建的项目是my-icon 2.把需要的图标加入购物车,然 ...
- 微信小程序之阿里图标库icon的symbol使用方式
近期开发多角色需求的微信小程序,对于代码包不能超过2M的微信小程序来说得把占比最大的icon图进行压缩处理. 但是压缩处理之后效果也没有很显著,而且再次进行压缩还需要收费. 最近研究了阿里巴巴矢量图标 ...
- 微信小程序开发-引入阿里巴巴矢量icon图标库
微信小程序开发-引入阿里巴巴矢量icon图标库 https://blog.csdn.net/tang1392/article/details/78927107
最新文章
- 【数据结构】顺序循环队列及其实现(C语言)
- linux 内核函数 copy_from_user和copy_to_user 介绍
- optee中mutex的实现方式
- 系统动力学9种模型_软工国际标准专栏(9)|系统和软件质量模型
- android menu自定义,Android提高之自定义Menu(TabMenu)实现方法
- 八点建议写出优雅的 Java 代码
- python web开发c6——阿里云上ubuntu+flask+gunicorn+nginx服务器部署(一)简单测试
- 浅谈深拷贝 与 浅拷贝
- Python中的文件对比(difflib文件对比、Linux文件对比)
- presentation编程软件_编程难学?web相关知识,跟着淼哥学php全栈之路6
- assets删除文件_Windows10下node_modules复制和删除的各种方式的测试
- 15岁黑客Cosmo的堕落历程
- cordova环境配置步骤
- 我们到底能从《别逗了,费曼先生》中学到什么?
- Ubuntu16.04 安装LSD-SLAM
- 微信小程序创建直播间流程
- 每日刷题记录 (六)
- 通过外部交换平台发送xml文件,手动加载能正常发送,但是通过代码拼xml文件发送报错找不到用户,userid is pfxx-user 16dXXXX
- sql语句-既包含又包含
- 股票期权行权是什么意思?
热门文章
- Windows 7播放各大视频网站Flash视频没有声音
- 第二篇	基础篇—燃烧吧!我的雌雄双股剑! 第5回	二弟呀,面子工程很重要
- yolov3 官网文档 设计到编译,训练,map等参数测试,windows和linux均有说明
- 【Flink】FLink Task did not exit gracefully within 180 + seconds 未解决
- 银行数据采集,数据补录与指标管理3大问题如何解决?
- LPDDR4x 的 学习总结(3) - SDRAM基本功能
- UnityEditor查找引用和批量替换资源工具
- buff系统 游戏中_BUFF有11级?游戏中BUFF等级很多种,了解后不做云玩家
- 在安卓的道路上铿锵前行
- 图片压缩软件-免费好用的图片压缩软件