# dof-tag组件

通用标签组件,支持实心标签、空心标签、特殊标签、图片标签

# 实例

# 基础用法

<template>
  <div class="wrapper">
   <dof-tag type="solid"
            tag-color="#ff5000"
            font-color="#ffffff"
            value="实心标签"></dof-tag>
  </div>
</template>
<script>
  import { DofTag } from 'dolphin-weex-ui';
  export default {
    components: { DofTag }
  };
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Attributes

Prop Type Required Default Description
type String N solid 标签的类型(注1)
value [String, Number] Y 测试测试 文字标签的文案
tag-color String N #ff5000 标签颜色
font-color String N #333333 文字颜色
special-icon String N - 特殊标签的小icon(注2)
img String N - 图片类型tag的图片地址(注3)
  • 注1: type的类型有如下四种solid、hollow、special、image,默认是solid(实心)
  • 注2: specialIcon本应该为iconfont的
  • 注3: type为image时,img字段为必传
Last Updated: 4/8/2020, 10:00:47 AM