UIOTOS 初体验：计算器按键 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等

注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/att70shib9hsgob6?singleDoc# 《初体验：计算器按键》)!

效果

所有的按键，都是同一个按键模板。

步骤

内嵌页属于公共的按键模版页。
主页面用来使用和测试。步骤分别如下：

内嵌页

新建

参见1新建。命名为"按键内嵌页"（即按键模版页）。

拖入组件

拖入按钮组件、对话框函数，并属性设置。
步骤1：按钮组件属性设置。设置文字、文字颜色、背景颜色，并锁定。（参见属性绑定中的锁定有什么作用？）

步骤如下：

步骤2：拖入对话框。

连线操作

步骤1：文字（按钮）→值内容（对话框），同时使对话框弹窗。

布局

选中按钮，右键菜单选择设为参考板布局，删除原底板，（参见底板布局）。

主页面

新建

参见1新建。命名为"初体验：计算器按键"。

拖入组件

拖入嵌套容器，如下所示：

页面嵌套

将内嵌页嵌套在上一步拖放的容器组件（操作参见容器嵌套）。如下所示：

属性继承

参见连线-高级篇属性继承。本示例只用到按钮的背景颜色、文字颜色、文字，筛选指定继承这些即可。

修改属性

在上层属性继承面板中，修改文字和背景色，并锁定属性。可参见重写赋值。

---

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