图标
附带图标库
基础用法
html
<h-icon name='icon-set'></h-icon>
<h-icon name='icon-set'></h-icon>
1
自定义颜色
html
<h-icon name='icon-menu' size='1rem'></h-icon>
<h-icon name='icon-share' size='0.5rem'></h-icon>
<h-icon name='icon-menu' size='1rem'></h-icon>
<h-icon name='icon-share' size='0.5rem'></h-icon>
1
2
2
大小
html
<h-icon name='icon-menu' size='1rem' color='pink'></h-icon>
<h-icon name='icon-share' size='0.5rem' color='red'></h-icon>
<h-icon name='icon-menu' size='1rem' color='pink'></h-icon>
<h-icon name='icon-share' size='0.5rem' color='red'></h-icon>
1
2
2
徽标
html
<h-icon name='icon-menu' dot></h-icon>
<h-icon name='icon-share' size='0.5rem' badge='20'></h-icon>
<h-icon name='icon-menu' dot></h-icon>
<h-icon name='icon-share' size='0.5rem' badge='20'></h-icon>
1
2
2