Hawthorn-Api

# HtBadge 说明

HtBadge 自定义气泡标记组件
Author andy.ten@tom.com & xukaixing@hotmail.com

# 示例

标记类型: 标记 标记 标记 标记 标记 

<template>
  <div>
  
    <span> 标记类型: </span>
    <ht-badge :value="msgNums" :max="5" type="danger">
      <ht-button>标记</ht-button>
    </ht-badge>
    <ht-badge :value="maxMsgNums" :max="5" type="primary">
      <ht-button>标记</ht-button>
    </ht-badge>
    <ht-badge :value="maxMsgNums" :max="5" type="success">
      <ht-button>标记</ht-button>
    </ht-badge>
    <ht-badge :value="msgNums" :max="5" type="warning">
      <ht-button>标记</ht-button>
    </ht-badge>
    <ht-badge :value="msgNums" :max="5" type="info">
      <ht-button>标记</ht-button>
    </ht-badge>
    </p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      msgNums: 1,
      maxMsgNums: 6
    }
  }
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Expand Copy

# API

# Badge Attributes

参数 说明 类型 可选值 默认值
value 设置标记数量 Number — 0
max 设置标记最大数量 Number — 10
isDot 设置是否以圆点方式显示 Boolean true / false false
hidden 设置是否隐藏标记 Boolean true / false false
type 设置标记显示类型 String primary / success / warning / danger / info warning

# Anchor Event

方法名 说明 参数

# 版本

  • v1.0.1

← HtForm表单 →