css样式绑定

1. 概念

将css样式绑定至元素,可以显示或改变元素的css样式,如颜色、大小、边距、背景等。

2. 使用场景

需要设置css样式的元素。

3. 绑定参数

绑定参数是含有变量名的代码。参数格式为{"样式":变量},变量命名必须以字母开头,并且字母只能小写,变量名可包含字母和数字。如果后端提供相应变量名,则使用后端提供的变量名。

4. 绑定方法

右键点击目标元素→逻辑→数据绑定→绑定模式:css样式绑定→绑定参数:填写对应参数→增加绑定→确定。

5. 常用效果

css样式绑定实例1

红色css样式

css样式绑定实例2

蓝色css样式

css样式绑定实例3

点击改变css样式

6. 绑定变量初始化

绑定变量初始化的作用是给变量赋值,即给元素提供发生事件时所需的数据,点击查看详细操作