当前博客:快码编程移动端绑定动态类名

185 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

在快码编程移动端的开发中,修改控件的样式也是通过类名属性,而模版语法也可以用来动态修改类名的值。

例如一段最简单的类名属性案例:

<页面>
	<按钮 类名="按钮样式" 按钮样式="默认">按钮</按钮>
</页面>
<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
		
	};
</脚本>
<脚本>
	局部变量 方法层 = {
		//所有页面方法,请在本处定义
		
	};
</脚本>
<样式>
	.按钮样式{
	    顶部: 50rpx;
	    背景-颜色: 颜色值-粉色;
	}
</样式>

而如果想要动态更改按钮的值则可以使用模版语法绑定类名属性;参考如下:

<页面>
	<按钮 :类名="数据层.按钮样式效果" 按钮样式="默认">按钮</按钮>
</页面>
<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
		按钮样式效果:"按钮样式"
	};
</脚本>
<脚本>
	局部变量 方法层 = {
		//所有页面方法,请在本处定义
		
	};
</脚本>
<样式>
	.按钮样式{
	    顶部: 50rpx;
	    背景-颜色: 颜色值-粉色;
	}
</样式>

通过上面的代码,只要数据层的按钮样式效果成员的值发生变化,那么按钮的样式也会随之而变化!

快码编程移动端绑定动态类名