行内绑定状态变量

使用说明

设计器提供了一种功能，允许使用定义变量来动态计算组件的位置。这些计算结果随后可以直接应用到组件的行内样式style属性中，从而实现动态样式的调整和布局的优化。

操作步骤

1. 参考登录AstroPro界面中操作，登录AstroPro界面。
2. 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
3. 单击待编辑应用模块内的“开发应用”，进入设计器。
4. 添加变量，例如：bgcolor，用来控制背景颜色；color，用来控制字体颜色，具体操作请参考添加页面变量。
   图1 添加变量
   

5. 画布中选中组件，在组件属性设置面板选择“样式”。
6. 单击行内样式的编辑框后的。
7. 在弹框中进行变量绑定。
   图2 绑定变量
   

8. 单击“确定”，变量绑定完成。
9. 通过修改变量，查看组件样式展示效果。
   图3 修改前样式
   
   图4 修改变量
   
   图5 修改后样式