weui-icon

WeUI icon

Showing:

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>