📝(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 属性 ::: title Button 属性
::: :::

View File

@ -85,4 +85,4 @@ export default {
}; };
}, },
}; };
</script> </script>

View File

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