标签 (bui-tag)

标签 (bui-tag) - 图1   标签 (bui-tag) - 图2

用法

  1. <bui-tag class="mr10" value="默认标签"></bui-tag>
  2. <bui-tag class="mr10"
  3.          value="空心标签"
  4.          type="hollow"
  5.          closable></bui-tag>
  6. <bui-tag class="mr10" value="特殊标签"
  7.          type="special"
  8.          specialIcon="http://gtms02.alicdn.com/tfs/TB1gC.jRVXXXXaiXFXXXXXXXXXX-32-32.png"
  9.          closable></bui-tag>
  10. <bui-tag value="图片标签"
  11.          type="image"
  12.          img="http://gtms04.alicdn.com/tfs/TB1ZfodRVXXXXciXFXXXXXXXXXX-92-24.png"></bui-tag>

Example:bui-tag

属性

Prop Type Required Default Description
type string N solid 标签的类型（标注1）
value string Y 文字标签的文案
tagColor string N #ff5000 标签颜色
fontColor string N #ffffff 文字颜色
specialIcon string N 特殊标签的小icon(注2)
img string N `` 图片类型tag的图片地址(注3)
  • 注1: type的类型有如下四种solid、hollow、special、image，默认是solid(实心)
  • 注2: specialIcon本应该为iconfont的，但是考虑的Weex,直接使用png会更方便
  • 注3: type为image时，img字段为必传