▶ 弹出窗口
更新时间:2021-04-28

1,从工具库里选择弹出窗口控件,拖入到页面上。


弹出窗口1.png


2,弹出窗口控件的属性包含两部分:弹出窗口的属性和遮罩层的属性。点击弹出窗口,会显示弹出窗口的属性,可以设置弹出窗口的显示方式。选择“隐藏”,是指弹出窗口不会自动弹出,需要由按钮或图片设置链接到弹出窗口上,然后访客点击按钮或图片时触发弹出窗口。


1.png


3,显示方式选择“自动”,是指弹出窗口自动弹出,可以设置弹出显示的延迟时间和在哪个页面弹出。


2.png


4,显示方式选择“滚动触发”,是指弹出窗口会在页面滚动到某个位置时自动弹出。可以设置触发距离,即页面向上滚动多高时,弹出窗口自动弹出。并且可以设置弹出窗口的显示页面。


3.png


5,弹出窗口自带关闭按钮,可以设置是否显示。选择开启后,在弹出窗口的右上角会显示关闭按钮,点击按钮会显示按钮属性,可以设置按钮的样式。


4.png


6,当弹出窗口里的内容的高度大于弹出窗口的高度时,可以设置三种展示方式:

溢出滚动:即内容的高度大于弹出窗口的高度时,弹出窗口会显示滚动条,可以滚动查看全部内容。

溢出异常:即内容的高度大于弹出窗口的高度时,超出的部分会自动隐藏,不显示。

溢出显示:即内容的高度大于弹出窗口的高度时,超出的内页会在弹出容器外正常显示(此种情况多用于弹出容器里加导航控件,当次级导航展开时,整体高度大于弹出容器高度。设置溢出显示,次级导航可以正常显示出来。)


5.png


7,在“设计”里,可以设置弹出窗口的尺寸和显示位置,设置弹出窗口的背景色、边框、圆角、阴影和定位。


弹出窗口1.png


8,点击弹出窗口外的空白区域,可以显示出遮罩层的属性。


弹出窗口1.png


9,在遮罩层属性里,可以设置石头显示遮罩层。


弹出窗口1.png


10,在“设计”里,可以设置遮罩层的背景色和背景色的透明度。


弹出窗口1.png


11,最后,可以往弹出窗口里添加其他需要的控件。


QQ截图20200912115008.png


上一篇:分割线
下一篇:社交

相关推荐

帮助中心纠错
提交