weui-icon

WeUI icon

Showing:

Popularity

Downloads/wk

6

GitHub Stars

28

Maintenance

Last Commit

2yrs ago

Contributors

2

Package

Dependencies

2

Size (min+gzip)

17.6KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

WeUI icon

npm version

概述

WeUI icon 是 WeUI 的 配套图标库,目前分为filled (填充)outlined (描边)两种样式,具体可见下述预览图。

预览图

image image

使用

主要是通过class来控制。class 规则是weui-icon-[style]-[name],比如需要展示预览图中,filled样式的add-friends,则 class 为weui-icon-filled-add-friends

html

<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui-icon/1.0.0/weui-icon.css" />

<span class="weui-icon-filled-add-friends"></span>
<span class="weui-icon-outlined-add-friends"></span>

import 所有 icon

terminal

npm i weui-icon

javascript

import 'weui-icon';

html

<span class="weui-icon-filled-add-friends"></span>
<span class="weui-icon-outlined-add-friends"></span>

import 单个 icon

terminal

npm i weui-icon

javascript

import 'weui-icon/dist/filled/add-friends.css';

html

<span class="weui-icon-filled-add-friends"></span>

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial