layui/example/docs/zh-CN/components/badge.md

::: anchor :::

::: title 基本介绍 :::

::: describe 它们本身细小而并不显眼，但掺杂在其它元素中就显得尤为突出了。页面往往因徽章的陪衬，而显得十分和谐。 :::

::: title 基础使用 :::

::: demo 使用 lay-badge 标签, 创建徽章

              赤  橙  绿  青  蓝  黑  灰  6  Hot  <script> import { ref } from 'vue' export default { setup() { return { } } } </script>

:::

::: title Badge 属性 :::

::: table

属性	描述	可选值
type	类型	dot rim
theme	主题	orange green cyan blue black gray

:::

::: title Badge 插槽 :::

::: table

插槽	描述	备注
default	默认	非 dot 可用

:::

::: comment :::

::: previousNext badge :::