容联-日报-2024-1-12

练习

• 登录 => 辅助工具 => ve快捷菜单

NGS管理台

• 登录 => 拓展试图 => 动态页面设计 => oiiver

相对、绝对布局

• html是流式布局，从左到右，从上到下的规则
• 相对布局是与父元素、兄弟元素有关，布局是从左到右，从上到下的
• 绝对布局是相对于父节点的绝对定位
• 从第一个从内而外不为静态的绝对定位元素开始

浮动

• 浮动分为左浮动和右浮动，元素会从左到右或从右到左依次排列

外边距、内边距

• 外边距（margin）是元素边框与相邻元素之间的距离
• 内边距（padding）是元素边框与元素内容之间的距离

弹性布局

• 弹性布局是一种自适应页面高度和宽度的布局方式
• 通过设置容器内的多个元素的弹性单位，实现页面布局的快速设计

分割窗

• 分割窗是类似弹性布局的组件
• 可以固定宽度和高度到指定范围，用处有限

侧边框

• 侧边框是在浮动层的设置中，将面板类型设置为侧边区，侧边位置可以设为任意
• 给浮动层绑定状态变量，并绑定按钮点击事件，脚本为：val(“var.state”,0)，表示将变量设置为0

抽屉（更多查询）

• 添加一个按钮，然后新建一个div容器，在其中添加想要显示的元素
• 给这个div的状态变量设置一个值，默认值为1
• 给按钮添加一个单击事件，脚本为：R.var.state == 1 ? 0 : 1
• 返回值绑定到声明的变量，选择创建的变量，确定
• 这样就成功创建了一个抽屉，用于显示一些不必要在页面上显示的值

子页面

• 子页面有两种创建方式：

第一种方式

• 新建一个页面，点击流程，创建一个新的节点，编辑节点并命名节点名称
• 创建另一个节点，编辑节点并命名节点名称
• 创建两个div，分别嵌套两个子页面

第二种方式

• 创建一个tab标签页，点击面板编辑，面板类型选择子页面
• 关联子页面，标签写想要在页面显示的标题，保存