首页 >> 牛刀云小程序开发教程 >> 第1篇 制作模式 >> 页面制作 >> 内容组件

4.5.11 弹出层

弹出层组件实现在当前页面上显示一个区域,这个区域停靠在屏幕的上、下、左、右边上,区域以外的地方显示透明蒙层,如图4-5-15所示。停靠在上、下边的区域宽度等于屏幕的宽度。停靠在左、右边的区域宽度可以设置。

4-5-15  弹出层组件

1、在设计区显示/隐藏弹出层

弹出层组件是一个功能组件,显示在功能组件中。选择弹出层组件,属性栏的设置区域中会显示两个按钮,分别是显示和隐藏。单击“显示”按钮,在设计区中显示出弹出层,此时可以添加组件,设置组件属性。单击“隐藏”按钮,隐藏弹出层。

2、基础属性

弹出层组件提供1个基础属性:单击关闭,表示单击透明蒙层是否关闭弹出层

3、样式

弹出层组件提供3个特有样式:

l  显示位置:设置弹出层在屏幕上的显示位置,也表示弹出层会从哪个边上滑动而出

l  遮罩透明度:设置透明蒙层的透明度

l  内容区宽度:设置显示在屏幕左侧或右侧时,弹出层占屏幕宽度的百分比

4、操作

弹出层组件提供2个操作:

l  显示:用于在运行时显示弹出层

l  隐藏:用于在运行时隐藏弹出层

5、事件

弹出层组件提供2个事件:显示事件在显示弹出层时触发,隐藏事件在隐藏弹出层时触发。