基本使用
图标除了可以使用组件库提供的图标外,还可以使用网络图片。
<z-icon name="happy" size="68rpx" />
<z-icon name="https://cdn.520ztc.com/zebra-ui/images/assets/demo-select.png" size="68rpx" />
提示信息
通过添加属性dot
,可以为图标加入右上角的小红点,属性info
可以在小红点中自定义内容
<z-icon name="happy" size="64rpx" dot />
<z-icon name="happy" size="64rpx" info="9" />
<z-icon name="happy" size="64rpx" info="99+" />