如何自定义主题样式

使用说明

低代码平台预置了很多默认样式，供您选择使用，同时也支持对标准页面的主题样式进行自定义修改。

自定义主题时，可以自定义修改标准页面的样式。设置完成并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置为准。

例如，在标准页面中添加一个“表单”组件，并绑定数据对象为“Alarm”，选择前三个字段，添加“保存”和“重置”按钮，单击“完成”。单击“保存”按钮，再单击“预览”按钮，效果如图1启用前效果图所示。在主题中配置该输入框的背景色为红色，启用主题使得标准页面表单中输入框的背景色为红色，效果如图2启用后效果图所示。

图1 启用前效果图

图2 启用后效果图

操作步骤

1. 在新版应用设计器，单击左侧导航栏中“设置”，进入应用设置页面。
   图3 设置
   

2. 在应用设置页面，单击“主题管理”。
   图4 选择主题配置
   

3. 在主题列表中，单击对应主题后的，进入创建主题页面。
   图5 创建主题
   

4. 修改相关的组件样式代码。

   例如，在输入框组件添加一个背景色，设置为红色，如图6。

   图6 添加背景色
   

5. 修改样式后，输入“主题名称”，单击页面右上方的“保存”，进行编译保存。
   图7 编译保存
   
   

   若编译不成功，请先禁用该主题，再进行编辑。

6. 返回“应用设置 > 主题管理”页面，打开对应主题后的“OFF”，启用该主题。
   图8 开启主题
   

7. 返回标准页面开发界面，单击页面上方的，在预览页面可查看到自定义样式后的效果，如图9。
   图9 定义样式后的效果