弹出窗口

更新时间:
复制 MD 格式

本文介绍如何使用弹出窗口控件。

添加弹出窗口控件

在设计器中单击设计 > 排版布局 > 弹出窗口,可选择弹出窗口的样式。选择后在页面内合适位置单击,即可开始编辑弹窗页面。

说明
  • 弹出窗口控件相当于一个附加页面,因此可以对这个附加页面随意添加控件、设计控件、删除控件。

  • 添加一个弹窗后,弹窗将显示在左侧资源区的下方,您可以继续新建其他弹窗或继续设计。

如何编辑弹出窗口

单击弹出窗口唤起设置面板,在编辑内可以修改弹窗标题。

面板工具栏包含弹出窗口排列动效编辑交互样式等选项卡,编辑选项卡下方显示弹窗标题输入框。

如何退出弹出窗口页面

单击退出弹窗编辑,即可完成退出操作。该按钮位于页面顶部工具栏左侧,显示为蓝色按钮。

如何修改弹窗标题

在弹出窗口设置面板内单击编辑,显示弹窗标题,即可进行修改操作。

如何修改弹窗背景

选中控件,单击样式 > 弹窗背景,即可修改。

弹窗背景设置区域提供纯色渐变图片图案等多种背景类型选项,下方还有遮罩背景设置。

如何删除弹窗

单击弹出窗口,出现顶部菜单,单击删除,即可删除弹窗。

浮动工具栏包含弹出窗口排列动效编辑交互样式等选项卡,最右侧的垃圾桶图标即为删除按钮。

设置打开弹框方式

除了可以设置默认打开弹窗外,还可使用按钮、图片、导航等控件设置单击打开弹窗,选择控件设置面板中的弹窗链接图标,即可链接弹窗,网站浏览者单击即可打开弹窗。具体操作为在控件的图片链接设置中,选择弹窗链接图标,然后在弹出窗口下拉菜单中指定目标弹窗。