百度aipage小程序弹框组件设计

进入网站小程序编辑器界面,在编辑器左侧工具栏的组件中将『模态框』拖动到界面里,然后在右侧工具栏中点击『设置条件』来为模态框的渲染设置条件,例如 test === 1,然后可以设置按钮等其他组件在点击时将变量设置为 1,即可使模态框满足展示条件正常显示出来。

百度aipage小程序弹框组件设计插图

当在右侧工具栏的『数据』中勾选 『点击遮罩层关闭』后,当模态框显示出来时,点击模态框周围的暗色区域即可使模态框隐藏。

百度aipage小程序弹框组件设计插图1

模态框默认是展示一个空白的容器,可以往里面添加其他组件来填充模态框的内容。

百度aipage小程序弹框组件设计插图2百度aipage小程序弹框组件设计插图3

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
在线客服
主机帮
我们将24小时内回复。
2024-11-22 01:57:13
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[QQ客服]
176363189
当幸福来敲门
[小黄]
17307799197
[企业邮箱]
sudu@yunjiasu.cc
取消

选择聊天工具: