e-icon-picker v1.0.11 已发布,支持 cdn 和自定义 svg 图标

栏目: 软件资讯 · 发布时间: 1个月前

来源: 开源中国社区

内容简介:e-icon-picker v1.0.11 已发布,更新日志: 1. 新增针对svg图标支持。 2. 升级支持cdn引入。 3. 更新依赖。 4. 其他优化。 e-icon-picker 图标选择组件 简洁大方,专为`element-ui`(已经脱离element-u...

本文转载自:https://www.oschina.net/news/119494/e-icon-picker-1-0-11-released,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有。

e-icon-picker v1.0.11 已发布,更新日志:

1. 新增针对svg图标支持。
2. 升级支持cdn引入。
3. 更新依赖。
4. 其他优化。

e-icon-picker 图标选择组件

简洁大方,专为`element-ui`(已经脱离element-ui独立可用)和`font-awesome`(可选)图标库开发的图标选择组件,希望大家喜欢!

e-icon-picker v1.0.11 已发布,支持 cdn 和自定义 svg 图标

e-icon-picker v1.0.11 已发布,支持 cdn 和自定义 svg 图标

喜欢的欢迎star 项目地址

Demo

在线测试

在线API

安装

因为项目使用了element-ui的组件进行二次开发,所以在使用此组件前请安装element-ui组件库。 安装方式请参考element-ui官网的相关文档。element-ui官网

已经脱离element-ui,不需要再安装element-ui了。

 

npm 安装

推荐使用 npm 的方式安装,它能更好地和 webpack 打包 工具 配合使用。

npm install e-icon-picker

cdn 引入

<!-- 引入组件库 -->
https://unpkg.com/e-icon-picker/dist/index.js
<!-- 引入样式 -->
https://unpkg.com/e-icon-picker/dist/index.css

快速使用

import iconPicker from 'e-icon-picker';
import "e-icon-picker/dist/symbol.js"; //基本彩色图标库
import 'e-icon-picker/dist/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);

svg图标请看详细文档

使用

 <e-icon-picker v-model="icon"/>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

关注码农网公众号

关注我们,获取更多IT资讯^_^


为你推荐:

相关软件推荐:

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

重新定义公司

重新定义公司

[美]埃里克·施密特 / 靳婷婷、陈序、何晔 / 中信出版社 / 2015-8 / 49.00

谷歌高管手绘风漫画视频: http://v.youku.com/v_show/id_XMTMxMzQ3NjMyMA==.html?from=y1.7-1.2 Google掌门人第一本国内引进作品 首次公开谷歌内部的管理与运营方法 全面解密执掌谷歌10余年的内幕故事 谷歌 创始人拉里•佩奇作序推荐 今日的谷歌是全球最具标志性的企业,在各个领域都有创新突破,并向技术......一起来看看 《重新定义公司》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具