检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。 高级设置：在高级设置中，直接编写CSS代码作用于当前元素。
图3 新组件版本 方式二：在线编辑更新 单击“编辑”，进入组件在线编辑器。 在编辑器中，单击页面右上角的，获取锁。 图4 获取锁 锁定后，根据自身业务需求，在线修改组件文件。
图7 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。
图2 新组件版本 方式二：在线编辑更新 单击“编辑”，进入组件在线编辑器。 在编辑器中，单击页面右上角的，获取锁。 图3 获取锁 锁定后，根据自身业务需求，在线修改组件文件。
图4 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。
在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload File”的字体颜色或改变DOM结构。 图7 调试DOM及样式 父主题： 标准页面
图5 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。
开发高级组件 在线开发高级组件 管理高级组件版本 父主题： 高级页面
在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload File”的字体颜色或改变DOM结构。 图7 调试DOM及样式 父主题： 标准页面
图5 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。
为AstroZero高级页面添加自定义组件 在线开发AstroZero高级页面自定义组件 管理AstroZero高级页面自定义组件 父主题： 高级页面
高级设置 在高级设置中，选择设置的文本内容，在出现的配置弹窗中，可进行是否加粗、是否倾斜、字号、字体、文本颜色、背景颜色、对齐方式等配置。 图3 编辑器中文本配置 另外，若需要在文本中设置变量，变量值来自文本组件数据桥接器中的配置。
图21 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。
图1 商品列表组件的响应式设计 操作步骤 参考在线开发高级组件中操作，下载组件模板widgetVueTemplate（组件名称设置为“commodityListWidget”）。
在右侧设置“主题名称”，例如“按钮字体颜色为黄色”，单击页面右上方保存图标。 设置后，在租户库中会出现创建的主题。 图8 查看库 打开标准页面，在右侧“库”中单击“新增库”，查找并引入主题库，单击“确定”。
图6 分享应用 运行表单 在保存成功提示页面，单击“运行”，可在线提交问卷。 图7 提交问卷 父主题： 在移动端开发零码应用
字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。
在线投票 快速创建在线投票轻应用。 项目进度跟踪 可跟踪项目中每项任务的进展情况，团队可基于此定时项目管理轻应用。 设备维修管理 快速创建设备（电梯）维修管理轻应用，适用于各类维修工单场景。 如何使用应用模板 参考如何进入经典开发环境中操作，进入经典版开发环境。
表2 常用相对单位 单位 说明 em 在font-size中，使用相对于父元素的字体大小，在其他属性中使用相对于自身的字体大小，如width。 rem 相对根元素的字体大小。 ch 相对于数字“0”的宽度。 ex 相对于字符“x”的高度。
在ModelArts管理控制台左侧菜单栏中，选择“部署上线 > 在线服务”，进入在线服务管理页面。 单击目标服务名称，进入服务详情页面。 查看服务ID值。 弹出“成功”提示框，说明成功识别花卉图片，测试成功。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
