检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“Elements”页签，单击左边选择器。 在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload File”的字体颜色或改变DOM结构。 图7 调试DOM及样式 父主题： 标准页面
器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。 图1 商品列表组件的响应式设计 操作步骤 参考在线开发高级组件中操作，下载组件模板widgetVueTemplate（组件名称设置为“commodityListWidget”）。 您也可以
defaultRouters; let routersArr = [ { // 默认字体 Font0:{ FontSize: 16, Color: 'rgba(255
跟进管理。 出差 帮助企业快速创建出差申请及审批流程，提高出差审批效率。 财务报销 帮助企业用户，快速处理财务报销流程及业务。 在线投票 快速创建在线投票轻应用。 项目进度跟踪 可跟踪项目中每项任务的进展情况，团队可基于此定时项目管理轻应用。 设备维修管理 快速创建设备（电梯）维修管理轻应用，适用于各类维修工单场景。
在“Elements”页签，单击左边选择器。 在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload File”的字体颜色或改变DOM结构。 图7 调试DOM及样式 父主题： 标准页面
布局：选择“布局”中的样式（“菜单显示为左侧”等），在右侧“样式设置”区域设置布局参数，包括默认、鼠标悬浮、激活状态下应用顶部、应用标题、菜单、子菜单、页签的字体、字号及背景色等。 布局选项：勾选是否启用页签栏、是否默认折叠菜单、是否全屏、是否禁用应用切换（禁用后，在运行态Portal中单击左上角应用图标，不会再弹出切换应用的界面）等。
禁用：是否禁用该组件。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。
的。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。
> 展示溢出文本：允许文本超出组件的容器。 高级设置 在高级设置中，选择设置的文本内容，在出现的配置弹窗中，可进行是否加粗、是否倾斜、字号、字体、文本颜色、背景颜色、对齐方式等配置。 图3 编辑器中文本配置 另外，若需要在文本中设置变量，变量值来自文本组件数据桥接器中的配置。若配置
宽高，可以在这里手动输入值配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
的。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。
宽高，可以在这里手动输入值配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
开发工作流 脚本 针对业务逻辑比较复杂的场景，华为云Astro轻应用提供了脚本能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。华为云Astro轻应用提供了一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。
使用校验器和触发器 什么是校验器和触发器 对象校验器：在向对象中录入记录数据时，为了保证对象数据的有效性，可以定义一些校验规则，对字段值以及各字段之间的逻辑关系进行校验。例如，name字段不能为空，MinPrice字段不能大于maxPrice字段等。 对象触发器：与数据库中的触发
单击显示名称后的“字段引用”，可将选择的字段取值引用到当前字段名称上。 排列方式：选项值的排列方式，如下拉、竖排、横排。 选项：选项设置。 打开“彩色”开关，选项值字体会不同颜色展示。 直接单击选项名，可设置具体选项值。 单击，可设置该选项值是否为默认值。 单击，调整选项顺序。 单击，可删除选项。 单击“新增选项”，可增加选项值。
宽高，可以在这里手动输入值配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
单击显示名称后的“字段引用”，可将选择的字段取值引用到当前字段名称上。 排列方式：选项值的排列方式，如下拉、竖排、横排。 选项：选项设置。 打开“彩色”开关，选项值字体会不同颜色展示。 直接单击选项名，可设置具体选项值。 单击，可设置该选项值是否为默认值。 单击，调整选项顺序。 单击，可删除选项。 单击“新增选项”，可增加选项值。
、边框和字体大小等，固定宽度容易破坏响应式布局。为了布局更加灵活，推荐使用百分比、em或rem等相对单位，这样可以保证浏览器字体大小调整和缩放时，能正常显示。常用相对单位，如表2所示。 表2 常用相对单位 单位 说明 em 在font-size中，使用相对于父元素的字体大小，在其
例如，修改按钮组件的样式，在左侧选择“按钮”组件，在中间区域直接修改界面参数设置样式。 鼠标悬浮在界面参数上，会有参数说明。 在右侧设置“主题名称”，例如“按钮字体颜色为黄色”，单击页面右上方保存图标。 设置后，在租户库中会出现创建的主题。 图8 查看库 打开标准页面，在右侧“库”中单击“新增库”，查找并引入主题库，单击“确定”。
值配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 图5 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
您即将访问非华为云网站，请注意账号财产安全
