应用前端开发-华为云

华为云ASTRO轻应用-在华为云Astro轻应用运行环境中，如何实现游客访问标准页面？:扩展知识

扩展知识标准页面预置了二维码组件，用于生成二维码。使用该组件可将游客访问的打卡页面地址做成二维码，后续可将此二维码直接分享给其他游客（匿名用户）扫码体检。制作二维码方法如下：使用开发者账号登录华为云Astro轻应用开发环境，进入一个应用。鼠标放在“Page”下，单击界面上出现的“+”，在弹出菜单中选择“标准页面”。设置页面标签和名称，例如“testcode”，单击“添加”。参考图20，向标准页面中拖入一个二维码组件，在右侧属性面板中设置“内容或链接”为7.b改造后的地址。 https://appcuberun.cn-north-4.huaweicloud.com/magno/render/命名空间__mypage_0000000000XXXXXXX/view-mobile/mypage 华为云Astro轻应用运行环境域名 /magno/render/mB3idrnEMC/命名空间__Health/view-mobile/mypage 图20 配置二维码组件表1 二维码组件属性说明参数说明内容或链接设置扫描二维码后，要展示的文本内容或者跳转的链接地址。宽度二维码的宽度，单位像素。默认值：150 容错级别二维码被遮挡或残破时依然能被识别的几率，容错级别越高抗残破或遮挡的能力就越强。空白间距四周空白间距，单位像素。前景色二维码的颜色。背景色背景颜色。中间Logo 二维码中间Logo图片，可不用设置。设置Logo后，如果扫描二维码识别失败，可以调高容错级别或调大二维码。 Logo大小 Logo大小，单位像素。单击页面上方保存页面，单击预览页面。图21 生成二维码将上一步生成的二维码分享给游客，游客通过微信或者支付宝扫描二维码，可扫码体验，进行健康打卡。

华为云ASTRO轻应用应用前端开发

华为云ASTRO轻应用-表格字段太多，导致华为云Astro轻应用标准页面无法完整显示，该如何处理？:解决方法

解决方法如果表格字段太多，无法正常显示，可以在页面的“样式代码”中，添加样式代码。请参考图2，输入以下样式代码。 .ivu-table-row td{ width:100px; } 如果当前“样式代码”为空，直接将此样式粘贴到“样式代码”中，保存页面即可。如果在“样式代码”中，有较多样式，需要先找到表格所在的class名，然后在此class中增加以上表格样式代码，并根据实际情况修改列宽度，增加样式后，预览时即可看到拖动条。图2 在样式代码中，增加表格列宽样式

华为云ASTRO轻应用应用前端开发

华为云Astro轻应用-在AstroZero标准页面中，如何实现有子表的表格？:处理方法

处理方法首先查看数据对应的对象，查看数据列的字段名。若需要构造如图1所示的数据，在新建对象，请新增图3中的自定义字段。自定义字段后，打开布局页签，选中“对象名Records”数据记录页，新增图1所示的数据。图3 自定义字段在标准页面选中表格组件，新增模型，设置为对象模型，选中上一步的对象，设置表格数据源。图4 设置数据绑定图5 设置对象模型图6 设置关联字段图7 选中模型在标准页面选中表格组件，开启“树形数据”并设置如下参数。图8 开启树形数据并设置对应参数预览该页面，即可查看到如图2所示层级关系。

华为云Astro轻应用应用前端开发

华为云Astro轻应用-在AstroZero标准页面中，如何实现有子表的表格？:问题描述

问题描述当表格中的数据有父子关系，可在表格属性中开启“树形数据”开关，并指定关联字段后，可展示出树形结构的父子表格。例如，系统中存在如图1所示的数据，数据之间存在父子关系，效果需要展示成“树形数据”，如图2所示，明确层级关系。表格组件需要以树形展示有个前提条件，即表格绑定的模型中，存在取值上有父子关系的两个字段。如图1所示，“Type”字段的值来源于“Mode”，这两个字段就可以认为是父（Type）子（Mode）关系。基于上述前提，就可以在表格的属性面板中绑定上述模型，开启“树形数据”开关，然后配置“Type”为父字段，“Mode”为子字段。图1 数据源（存在父子关系的字段）图2 树形数据

华为云Astro轻应用应用前端开发

云服务器内容精选

应用前端开发

7*24

备案

专业服务

退订

建议反馈

售前咨询热线