Skip to content

chopper-UI/icon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

icon


// 通用图标样式


演示

__注意:__示例中以.ex开头的class在实际使用场景中是不必要的,此类class只为可视化文档的展示做辅助作用。

1. 三角形

1.1 尺寸

<span class="ui-icon-triangle ui-icon-triangle-large">
    triangle
</span>
<span class="ui-icon-triangle">
    三角形
</span>
<span class="ui-icon-triangle ui-icon-triangle-small">
</span>
<span class="ui-icon-triangle ui-icon-triangle-mini">
</span>

1.2 方向

<span class="ui-icon-triangle">
</span>
<span class="ui-icon-triangle-right">
</span>
<span class="ui-icon-triangle-bottom">
</span>
<span class="ui-icon-triangle-left">
</span>

1.3 顏色

<span class="ui-icon-triangle">
</span>
<span class="ui-icon-triangle ui-icon-triangle-green">
</span>
<span class="ui-icon-triangle ui-icon-triangle-red">
</span>
<span class="ui-icon-triangle ui-icon-triangle-gray">
</span>

2. 圆型

2.1 尺寸

<span class="ui-icon-circle ui-icon-circle-large">
    circle
</span>
<span class="ui-icon-circle">
    圆型
</span>
<span class="ui-icon-circle ui-icon-circle-small">
</span>
<span class="ui-icon-circle ui-icon-circle-mini">
</span>

2.2 顏色

<span class="ui-icon-circle ui-icon-circle-green">
</span>
<span class="ui-icon-circle">
</span>
<span class="ui-icon-circle ui-icon-circle-red">
</span>
<span class="ui-icon-circle ui-icon-circle-gray">
</span>

About

通用圖標樣式

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published