检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 父主题: 设置AstroZero标准页面组件属性
是最高的。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显
是最高的。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显
样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 事件 在事件中,显示了组件暴露出来的一些常用事件,供用户实现,
高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 父主题:
选中组件,查看组件属性 在“设计视图”中,选中一个页面组件,可以在右侧“属性”页签,设置该组件的绑定数据、样式等属性,如图3所示。在设计视图中选中一个文本框,可以在右侧修改这个文本框的标签名、样式、绑定的数据模型等。 图3 设置组件的属性 页面及组件的事件代码 在“设计视图”中,选中任意组件
高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 父主题:
只读:值是否只读。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显
高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 父主题:
AstroZero低代码平台提供了标准页面、高级页面和报表三种类型的前端页面。在开发前端页面前,请先了解三者的区别。 标准页面主要适用于对样式要求相对简单的场景(如表单类应用),这种页面一般用于业务数据的增、删、改、查等基础功能,例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue
高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 父主题:
高的。 布局 布局:设置组件的宽度、高度等。 高级设置 > 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 父主题: 设置AstroZero标准页面组件属性
手架工具,可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中,常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例,简单介绍浏览
”和“样式”中,同时对布局属性进行了设置,最终生效是“样式”栏中的设置。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
是最高的。 禁用:是否禁用该组件。 只读:值是否只读。 样式 > 高级设置 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 样式透传:启用后,可以将设置好的样式透传给组件的子节点。 预设样式:预置的组件样式。 事件 在事件中,显示了组件暴露出来的一些常用事件,供
最高的。 样式 表格宽高:设置表格的宽度和高度。 布局:设置表格显示样式、内外边距、宽高。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显
样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 父主题: 设置AstroZero标准页面组件属性
控件名称:当前组件的名称。 样式 模态框高度:设置模态框的宽度、高度等。 如果模态框高度太大,无法正常显示,可在页面的“样式代码”里添加以下样式代码,即先在样式代码里设置滚动条,然后再将高度改小,如图3所示。 .ivu-modal-body { overflow:auto; } 图3 模态框样式 高级设置
种动态设置优先级是最高的。 禁用:是否禁用该组件。 只读:值是否只读。 样式 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 预设样式:预置的组件样式。 样式透传:启用后,可以将设置好的样式透传给组件的子节点。 父主题: 设置AstroZero标准页面组件属性
容”中输入调查问卷标题“Astro轻应用开发者调查问卷”。 在右侧面板“样式 > 字体”下,配置标题的字体样式,将字体大小设置为“28px”,颜色设置为“147AEC”,并设置居中样式。 图11 设置标题样式 设置后,效果如图12所示。 图12 配置完标题组件后 在左侧面板中,将