使用AstroZero管理应用中标准页面的主题
AstroZero预置了很多默认样式,供您选择使用,同时也支持对标准页面的主题样式进行自定义修改。自定义主题时,可以自定义修改标准页面的样式。设置完成并启用主题后,该应用中标准页面相同组件的展示,将以主题中配置的为准。
自定义主题样式需要您熟悉CSS的Less代码编写规范,关于Less介绍,请参见Less介绍。
自定义主题样式
- 参考登录AstroZero新版应用设计器中操作,登录应用设计器。
例如,在标准页面中添加一个“表单”组件,如何添加组件请参见为AstroZero标准页面添加组件。为组件绑定数据对象为“Alarm”,选择前三个字段,添加“保存”和“重置”按钮,单击“完成”。单击“保存”按钮,再单击“预览”按钮,效果如图1所示,当前输入框的背景颜色为白色。
- 在左侧导航栏中,选择“设置”,进入应用设置页面。
- 在应用设置页面,单击“主题管理”。
- 在主题列表中,单击对应主题后的,进入编辑主题页面。
- 修改相关的组件样式代码。
例如,在输入框组件添加一个背景色,设置为红色,如图2。
- 修改样式后,单击页面右上方的“保存”,进行编译保存。
若编译不成功,请先禁用该主题,再进行编辑。
- 返回
页面,打开对应主题后的“OFF”,启用该主题。图3 开启主题
- 返回标准页面开发界面,单击页面上方的,在预览页面可查看到自定义样式后的效果,如图4。
- (可选)管理标准页面主题。
标准页面主题创建后,在主题管理中,可管理已创建的主题。
- 启用主题:在主题列表中,单击主题后的,启用该主题。
- 禁止主题:在主题列表中,单击主题后的,停止该主题。
- 编辑主题:主题禁用后,单击,可更改该主题。
- 删除主题:主题禁用后,单击,可删除该主题。
晴光蓝为系统预置主题,暂不支持编辑、删除。