设计

/

弹窗

最后更新时间:

2024-12-17

Creght 支持两种弹窗:一种是浮动在元素周围,叫相对位置弹窗,一种是覆盖在整个页面之上,叫绝对位置弹窗。

相对位置弹窗

相对位置弹窗用于制作鼠标悬停时的气泡提示、下拉菜单等。

选中任意 frame,在右边设置栏找到 浮层,点击添加并选择 “相对位置“ 就可以添加 相对位置弹窗。

image.png

默认情况下,弹窗尺寸为 200*200px,您可以通过拖动来更改它的大小。

弹窗也是一个普通容器,您可以为其添加任意子元素,就和将元素添加到主画布中一样简单。

image.png

常见的气泡提示框就是相对位置弹窗 ,如下图:

image.png

您可以在插入面板 - 弹窗 中找到这个模板。

image.png

绝对位置弹窗

绝对位置弹窗用于制作点击显示数据详情、视频播放等。

如下图是一个可以关闭的视频弹窗。

image.png

添加 “绝对位置弹窗“ 的方法和 ”相对位置弹窗“ 类似:选择 ”绝对位置“ 即可。

模态窗会自带一个全屏宽高的遮罩容器用于显示遮罩,不支持更改大小,但可以更改它的背景颜色。

继续阅读

下一篇