tiny-vue/examples/docs/resources/mobile-first/md/action-sheet/basic-usage.md

1.4 KiB
Raw Blame History

ActionSheet 动作面板组件

基本用法

操作列表模式

设置 typeaction 启用操作列表模式,设置 title 显示提示语。

显示隐藏

:::tip 显示隐藏说明

  • show-header: 显示头部,默认值为 true
  • show-search: 显示头部搜索功能,默认值为 true
  • show-footer: 显示底部,默认值为 false :::

遮罩层

添加 mask 属性可以关闭遮罩层,默认值为 true

默认弹窗打开后,可以单击遮罩层关闭弹窗,设置 mask-closablefalse 后将禁用该功能,默认值为 true

插槽

:::tip 插槽说明

  • header: 头部插槽,默认显示头部,设置 show-header="true" 时有效;
  • header-left: 头部左侧插槽,默认显示搜索功能;
  • header-right: 头部右侧插槽,默认显示关闭功能;
  • footer: 头部插槽,默认隐藏底部,设置 show-footer="true" 时有效; :::