Skip to content

weui/weui-icon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WeUI icon

npm version

在线预览:WeUI Icon | Iconify

概述

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

预览图

image image

使用

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

link

html

<link rel="stylesheet" href="https://res.wx.qq.com/t/wx_fed/cdn_libs/res/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>