📝(component): 新增 button 组件下拉案例
This commit is contained in:
parent
ca9a3607e9
commit
5d85e82682
@ -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 属性
|
||||
:::
|
||||
|
||||
|
@ -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",
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user