弹出框组件，可以在页面加载完毕后，自动弹出窗口信息，常用于网站首页通告，活动通知，优惠券领取等。当然页支持点击按钮触发弹出窗口 。
1，如何插入设计组件
只需从左侧的组件控制面板【高级组件】中 ，选中弹出框组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示
2，内容选项卡
2.1，窗口内容 -内容模块， 具体请参考下图设置或相关操作视频。
（1）内容定义：支持3种弹窗内容如 “文本描述” ， “图片”，“加载模板” ， 文本描述
（2）输入弹窗的内容
（3）开启页头页尾：开启后窗口将加载页头页尾。
点击按钮后弹出框效果如下
(a)内容定义- 图片，弹出框展示的内容就是你选择的图片海报，请参考下图
(b) 内容定义- 加载模板页，弹出框的内容将会展示您从模板列表中选中的模板，设置及展示如下图。
如果您还不知道如何创建模板页，点击查看如何创建模板页数据>>
开启标题栏 参考下图：
2.2，弹出框选项 -内容模块，此处可以设置弹框类型，弹出框宽度，是否显示滚动条 具体请参考下图设置或相关操作视频。
弹框类型支持3种方式：“按钮弹框” ， “自动弹框” ， “绑定组件弹框” 后面我们将按顺序简介他们的区别和使用场景。
（1）弹窗类型 为“按钮弹框”，点击按钮后会弹出组件内容，通常使用在于需要访客手动触发弹窗的场景，如“点击查看新闻公告”等， 弹出框效果如下
（2）弹窗类型 为“自动弹窗”，弹窗事件在页面加载完成后会自动触发，可设置弹窗显示频率 参考下图
下面说明下弹窗频率的区别
- 每次进入页面都弹出：即每次访客都会弹出消息窗口，很好理解，这个也是默认的选项
- 仅弹出一次：访客进入你站点访问此弹窗页面，只弹窗一次，不会再对访客进行弹窗通知，在用户清空缓存会恢复弹窗。
- 本次访问只弹出一次：访客访问页面，触发弹窗通知后，只弹窗一次，在用户关闭浏览器或清空缓存的清空下会恢复弹窗。
2.3，按钮 -内容模块，此处可以设置按钮文本，对齐方向，尺寸，按钮图标， 具体请参考下图设置或相关操作视频。
3，样式选项卡
3.2，弹出框内容-样式模块，此处可设置弹出框的文字和背景，文本尺寸等。 具体请参考下图设置或视频操作。
3.2，按钮-样式模块。此处设置触发按钮的样式如背景色，字体色，圆角半径等。具体请参考下图设置或视频操作
恭喜你已完成当前组件的学习，感谢阅读
评论