Astro企业应用 AstroPro
Astro企业应用 AstroPro
- 最新动态
- 功能总览
- 产品介绍
- 计费说明
- 快速入门
- 用户指南
- 开发指南
- 视频帮助
- 文档下载
- 通用参考
链接复制成功!
直接编写样式代码
样式面板提供了可直接配置的样式,满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求,AstroPro还提供了直接编写样式代码的方式来配置样式。
编写行内样式
等效于直接在html标签style属性里直接声明样式,权重高,用于覆盖样式。
- 参考登录AstroPro界面中操作,登录AstroPro界面。
- 在左侧导航栏中,选择“前端开发平台 > 前端应用”。
- 单击待编辑应用模块内的“开发应用”,进入设计器。
- 画布中选中组件,在组件属性设置面板选择“样式”。
- 单击行内样式的编辑框。
- 在弹框中直接编写行内样式。
图1 编写行内样式
- 单击“保存”,完成行内样式编辑。
图2 效果展示
编写全局样式
- 参考登录AstroPro界面中操作,登录AstroPro界面。
- 在左侧导航栏中,选择“前端应用”。
- 单击待编辑应用模块内的“开发应用”,进入设计器。
- 画布中选中组件,在组件属性设置面板选择“样式”。
- 单击全局样式的
。
- 在弹框中直接编写全局样式。
说明:
可以直接声明多条CSS样式或其他媒体查询的样式。
图3 编写全局样式 - 单击“保存”,完成全局样式编辑。
- 通过类名绑定已创建的全局样式。
图4 效果展示
父主题: 配置样式设置