图标选择组件 e-icon-picker 1.0.8 发布

栏目: 软件资讯 · 发布时间: 5年前

内容简介:e-icon-picker v1.0.8 已发布,更新日志: 1. 将所需的 Element UI 组件全部打入到项目中,不在需要安装 Element UI 组件。 2. 将 Element UI 和 font-awesome 图标库分离,可按需引用,减少组件库大小。 3. ...

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

1. 将所需的 Element UI 组件全部打入到项目中,不在需要安装 Element UI 组件。
2. 将 Element UI 和 font-awesome 图标库分离,可按需引用,减少组件库大小。
3. 将iconfont彩色图标分离,减少组件库的基本大小,可按需引用。

e-icon-picker 图标选择组件

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

图标选择组件 e-icon-picker 1.0.8 发布

图标选择组件 e-icon-picker 1.0.8 发布

喜欢的欢迎star 项目地址

Demo

在线测试

在线API

安装

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

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

 

npm 安装

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

npm install e-icon-picker

快速使用

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);

详细文档

使用

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

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

查看所有标签

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

自流量生活

自流量生活

斯科特·福克斯(Scott Fox) / 王晶晶 / 中信出版社 / 2018-8-1

一位远嫁他国的平凡女孩,陌生的环境、陌生的语言……她不得不从头学起。有写作爱好的她在网络上记录着她学习生活中的小故事。神奇的是,越来越多的人联系她,有人要付钱看新的故事,还有人想把这些故事拍成电视短片。她是怎么做到的? 这本书将告诉你如何利用互联网打造自己的“流量”生活,使你既能获取收入,又能以自己喜欢的方式过一生。在阅读这本书的过程中,你可能会找到自己喜欢的生活方式,了解成功打造自身“流量......一起来看看 《自流量生活》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

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

Markdown 在线编辑器

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具