Webzen-uiicon
使用方式
html
<!-- 引入 -->
<script type="module" src="https://cdn.jsdelivr.net/npm/webzen-ui/src/component/wz-icon/index.js">
<!-- 使用 -->
<wz-icon name="flag"></wz-icon>
<wz-icon name="user"></wz-icon>类型
加上 type="solid" 可以使得一部分图片填充
html
<wz-icon name="image" ></wz-icon>
<wz-icon name="image" type="solid"></wz-icon>大小
通过设置标签里的size 可以指定按钮的大小
html
<wz-icon name="image" type="solid" size="20"></wz-icon>
<wz-icon name="image" type="solid" size="30"></wz-icon>
<wz-icon name="image" type="solid" size="40"></wz-icon>
xy-icon{
font-size:30;
}颜色
通过设置标签里的color 可以设置颜色
html
<wz-icon name="image" type="solid" color="blue"></wz-icon >
<wz-icon name="image" type="solid" color="yellow"></wz-icon >
<wz-icon name="image" type="solid" color="red"></wz-icon >