跳到主要内容

Tag 标签

介绍

标签

用法

矩形类标签

<OsTag type='primary' color='warning'>
预售
</OsTag>

<OsTag type='primary' color='normal'>
库存不足
</OsTag>

<OsTag type='primary' color='error'>
已售罄
</OsTag>

腰圆线框标签

<OsTag color='warning'>腰圆线框</OsTag>

<OsTag>售罄</OsTag>

<OsTag color='error' showArrow>
周年庆大促
</OsTag>

腰圆实色标签

<OsTag bgColor='#DD1A21' color='#fff'>
默认
</OsTag>

<OsTag startBgColor='#FC865F' endBgColor='#FC625F' color='#fff'>
全场满减
</OsTag>

自定义色值

<OsTag color='#f00'>圆角标签</OsTag>

<OsTag type='primary' color='#f00'>
方形标签
</OsTag>

API

属性

参数说明类型默认值
typeradius / primary,可选stringradius
colornormal / warning / error / 色值,可选stringnormal
bgColor填充色,可选string-
startBgColor填充渐变开始色,可选string-(只支持radius腰圆标签,且与endBgColor配合使用)
endBgColor填充渐变结束色,可选string-(只支持radius腰圆标签,且与startBgColor配合使用)
showArrow显示向右箭头,可选boolean-(只支持radius腰圆标签)
customStyle自定义Style,可选Object-

方法

函数名说明参数
onClick点击时触发,可选event对象