📝(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 属性
|
::: title Button 属性
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
@ -85,4 +85,4 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
@ -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",
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user