📝(component): 新增 button 组件下拉案例

This commit is contained in:
就眠儀式 2022-08-07 20:32:19 +08:00
parent ca9a3607e9
commit 5d85e82682
3 changed files with 38 additions and 2 deletions

View File

@ -316,6 +316,38 @@ export default {
:::
::: title 下拉按钮
:::
::: demo 配合 `lay-dropdown` 系列组件, 完成下拉按钮。
<template>
<lay-dropdown>
<lay-button type="default">更多操作</lay-button>
<template #content>
<lay-dropdown-menu>
<lay-dropdown-menu-item>导入</lay-dropdown-menu-item>
<lay-dropdown-menu-item>导出</lay-dropdown-menu-item>
</lay-dropdown-menu>
</template>
</lay-dropdown>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title Button 属性
:::

View File

@ -12,6 +12,7 @@ const menus = [
{
id: 6,
title: "按钮",
flag: "update",
subTitle: "button",
path: "/zh-CN/components/button",
},
@ -138,6 +139,7 @@ const menus = [
{
id: 36,
title: "开关",
flag: "update",
subTitle: "switch",
path: "/zh-CN/components/switch",
},
@ -432,12 +434,14 @@ const menus = [
{
id: 101,
title: "标签",
flag: "new",
subTitle: "modal",
path: "/zh-CN/components/tag",
},
{
id: 102,
title: "标签输入",
title: "标签输入框",
flag: "new",
subTitle: "load",
path: "/zh-CN/components/tagInput",
},