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

75 lines
1.8 KiB
Markdown
Raw Normal View History

::: anchor
:::
2022-02-06 05:20:07 +08:00
::: title 基本介绍
:::
::: describe 它们本身细小而并不显眼,但掺杂在其它元素中就显得尤为突出了。页面往往因徽章的陪衬,而显得十分和谐。
:::
2021-10-26 01:13:23 +08:00
::: title 基础使用
:::
2022-02-01 23:26:28 +08:00
::: demo 使用 `lay-badge` 标签, 创建徽章
2021-09-27 16:42:13 +08:00
<template>
2021-09-30 13:54:04 +08:00
<lay-badge type="dot"></lay-badge>&nbsp;
<lay-badge type="dot" theme="orange"></lay-badge>&nbsp;
<lay-badge type="dot" theme="green"></lay-badge>&nbsp;
<lay-badge type="dot" theme="cyan"></lay-badge>&nbsp;
<lay-badge type="dot" theme="blue"></lay-badge>&nbsp;
<lay-badge type="dot" theme="black"></lay-badge>&nbsp;
<lay-badge type="dot" theme="gray"></lay-badge>&nbsp;
<lay-badge ></lay-badge>&nbsp;
<lay-badge theme="orange"></lay-badge>&nbsp;
<lay-badge theme="green">绿</lay-badge>&nbsp;
<lay-badge theme="cyan"></lay-badge>&nbsp;
<lay-badge theme="blue"></lay-badge>&nbsp;
<lay-badge theme="black"></lay-badge>&nbsp;
<lay-badge theme="gray"></lay-badge>&nbsp;
2021-09-30 13:54:04 +08:00
<lay-badge type="rim">6</lay-badge>&nbsp;
<lay-badge type="rim">Hot</lay-badge>&nbsp;
2021-09-27 16:42:13 +08:00
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
2021-10-01 18:20:41 +08:00
:::
2022-01-10 01:17:03 +08:00
::: title Badge 属性
2021-10-13 10:19:38 +08:00
:::
2021-10-12 18:00:09 +08:00
2021-11-07 15:55:08 +08:00
::: table
| 属性 | 描述 | 可选值 |
| ----- | ---- | --------------------------------------------- |
| type | 类型 | `dot` `rim` |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |
2021-11-07 15:55:08 +08:00
2021-11-07 15:56:24 +08:00
:::
2021-12-07 16:06:36 +08:00
2022-01-10 01:17:03 +08:00
::: title Badge 插槽
2021-12-07 16:06:36 +08:00
:::
::: table
| 插槽 | 描述 | 备注 |
| ----- | ---- | --------------------------------------------- |
| default | 默认 | 非 `dot` 可用 |
:::
2021-12-16 00:00:45 +08:00
2021-12-16 17:57:59 +08:00
::: comment
2022-01-12 14:19:06 +08:00
:::
::: previousNext badge
2021-12-16 00:00:45 +08:00
:::