api.md 3.9 KB

BottomSheet Props

名称 类型 默认值 必传 说明
visible boolean false N 是否显示。
title string 当前语言的 bottomSheet.title N 标题。
titleAlign 'left'\|'center'\|'right' 'left' N 标题对齐方式。
showBackIcon boolean false N 是否显示返回图标。
closeContent 'downIcon'\|'closeIcon'\|''\|string 'downIcon' N 关闭区域内容。
showDivider boolean true N 是否显示分割线。
duration number 450 N 过渡动画出现时间,单位:ms。
outDuration number 240 N 过渡动画退出时间,单位:ms。
mask Mask {} N 遮罩层参数。
maskClosable boolean false N 点击遮罩层是否关闭。
zIndex number 600 N z-index。
stayHeightList number[] [10, 50, 90] N 固定高度列表。
stayHeightIndex number 1 N 初始固定高度索引。
closeHeight number 0 N 滑动结束时位置低于此高度自动关闭。
radius 'none'\|'base'\|'full' 'full' N 圆角风格。

BottomSheet Events

名称 类型 参数 描述
onclose () => void - 浮窗关闭时触发。
onclickMask () => void - 点击浮窗遮罩时触发,即使 maskClosable 为 false 也会触发。
onback () => void - 点击左侧返回图标时触发。
onheightChange (height: number) => void height - 当前高度。 滑动结束时触发。

BottomSheet Snippets

名称 类型 参数 说明
children Snippet - 内容。