弹层类组件|飞书低代码平台

弹层类组件|飞书低代码平台

飞书低代码平台手册精选NaN-NaN-NaN
产品功能
概述
为了满足侧拉窗查看记录详情、点击删除时二次确认等场景,常常需要用到“侧拉窗”、“弹窗”这类交互方式,这种情况,可以通过「弹窗类组件:侧拉窗、弹窗、气泡卡片」,实现用户点击一个按钮、一条记录后在页面中弹窗一个窗口的交互效果。
例如点击数据表格中的某条记录,以侧拉窗形式查看该记录的详情,就是弹层类组件的典型用法:
250px|700px|reset
image.png
250px|700px|reset
image.png
使用说明
(一)配置属性
属性
配置说明
类型
包含「模态」、「非模态」两个选项
  • 模态:侧拉窗底部会带有“遮罩”,阻塞用户对“遮罩”下的其他页面元素进行操作
  • 非模态:不存在“遮罩”,侧拉窗打开时可同时对页面中其他元素进行操作
250px|700px|reset
image.png
250px|700px|reset
image.png
点击外部区域关闭
开启后用户只需点击侧拉窗以外的热区均会关闭侧拉窗
顶部区域
侧拉窗内置的「标题」及「关闭按钮」
  • 平铺:由容纳标题的“插槽”和关闭按钮组成
  • 悬浮:不带有容纳标题的“插槽”,且关闭按钮会悬浮在内容之上
250px|700px|reset
image.png
(二)样式设计
样式设置细节说明,点击查看:页面布局与样式设计
(三)配置事件
事件动作配置步骤说明,点击查看:页面事件与动作说明
使用示例
【侧拉窗】点击表格行查看详情信息
250px|700px|reset
image.png
【弹窗】点击按钮后的二次确认
250px|700px|reset
image.png
【气泡卡片】展示某个页面元素的详情信息
250px|700px|reset
image.png
先进生产力和业务协同平台
联系我们立即试用

先进团队,先用飞书

欢迎联系我们,飞书效能顾问将为您提供全力支持
分享先进工作方式
输送行业最佳实践
全面协助组织提效
弹层类组件|飞书低代码平台
先进生产力和业务协同平台
联系我们立即试用
联系我们立即试用