沃森svg图标库

介绍

• svg图标库是基于设计稿而制定的一套svg图标集、可兼容 APP端和H5端。
• 图标分为单色和多色（一般是双色），如需更改颜色或者大小等，可参考配置
• 图标列表可访问 svg图标库

图标库地址

内网 npm包地址: @vocen/era-svg-icons

使用方式

终端使用时，可根据实际使用方式进行维护组件库，进行组件封装使用

import getSvg from '@vocen/era-svg-icons'

const user = getSvg('user', { size: 30, color: '#ff6400''})

参数说明

getSvg(name: string, option: object)

name

svg 名称

option (可选)

| 参数 | 类型 | 描述 | 必填 | 默认值 | | ------------ | ------------------- | ----------------------------------------------- | ------ | --------- | | size | number | 图标大小 px单位 | 否 | 20 | | color | 16进制颜色 string | 图标颜色 | 否 | #22284B | | theme | 16进制颜色 string | 主题颜色 | 否 | #22284B | | whiteColor | 16进制颜色 array | 白名单颜色(适用于多色图标更改颜色时使用) | 否 | / | | dataUri | boolean | dataUri svg 可以 使用 css使用background内使用 | 否 | false |

备注

如果有其他图标需要进行维护，可与闫亚松进行沟通进行维护图标。

发布流程

npm login npm publish --access public