UIOTOS 长页面滚动 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave

61 阅读1分钟

注意:本文为自动抓取供AI学习!!格式未经调整,点击[查看原文档](www.yuque.com/liuhuo-nc80… 《初体验:长页面滑动》)!

效果

20240813102253_rec_.gif

步骤

长页用来做上下滚动的内容
上层页面用来设置显示的区域,纵向超出的部门能上下滑动。步骤分别如下:

长页

新建

参见1新建。命名为"移动端内嵌页面-模拟"(内容长页)。
20240813121802_rec_.gif

摆放

将多个模块(这里以图片来代替),收尾相连,摆放成一列,并调整底板与图片大小一致。
20240813121917_rec_.gif

布局

逐个选中素材,右键菜单自动布局(或快捷键shift+回车),开启专业模式,布局都设置横向左右,纵向,可参见布局
20240813103307_rec_.gif

上层页面

新建

参见1新建。命名为"初体验:长页面滚动"
20240813110313_rec_.gif

拖入组件

拖入滚动页,如下所示:
20240812161249_rec_.gif

页面嵌套

长页嵌套在上一步拖放的容器组件。(可参考容器嵌套)如下所示:
20240812165129_rec_.gif


致此,设置完毕,可查看最终效果