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

50 lines
1.3 KiB
Markdown
Raw Normal View History

2021-10-26 01:13:23 +08:00
::: title 基础使用
:::
2021-09-27 16:42:13 +08:00
::: demo
<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
:::
2021-10-26 01:13:23 +08:00
::: title 徽章属性
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
:::