aipage网站弹框组件设计指导

弹框是网站常用功能,可以用来实现营销广告、通知提醒、弹窗广告、悬浮边栏等功能,网站弹框属于容器,添加方法需要先添加弹框容器到页面中,从左侧元素的弹框或者营销->弹框里拖拽弹框容器实例到页面中,弹框示例中有多种弹框类型示例,例如居中弹框、底部弹框、边栏弹框等,以常见的居中弹框为例:

aipage网站弹框组件设计指导插图

拖拽到页面中后,编辑器将进入弹框编辑模式,选择元素进行修改或者添加更多元素到弹框容器中编辑

aipage网站弹框组件设计指导插图1

编辑完成之后退出弹框编辑模式保存页面预览即可看到页面加载完成后自动打开了弹框,这是弹框的默认设置,也可以修改弹框设置控制弹框是否自动弹出以及打开频率等,另外样式设置里也可以设置弹框位置、阴影、边框等样式。

aipage网站弹框组件设计指导插图2

弹框添加后默认在当前页面启用,可以在左侧页面视图 -> 弹框左侧眼睛图标判断当前页面是否开启此弹框,弹框是可以整站共享的,只需要添加一次其他页面就可以选择开启使用。注意如果在视图里删除弹框,那么整站所有页面该弹框将被删除,需要区分启用与删除的区别。

aipage网站弹框组件设计指导插图3

除了居中弹框,底部弹框也是比较常见的常见,可以拖拽底部悬浮弹框示例到页面中查看效果,使用底部弹框要注意开启允许点击页面其他区域以及取消遮罩背景色,否则会干扰用户正常查看页面内容。另外还有自定义悬浮边栏弹框,主要是用来设计自定义边栏效果,可以查看悬浮边栏相关课程

给TA买糖
共{{data.count}}人
人已赞赏
好经验

aipage网站全局通用头尾设计

2021-7-13 13:19:46

好经验

aipage网站悬浮边栏设计教程

2021-7-18 9:13:58

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索