185 次浏览【转载需注明来源】
在快码编程移动端的开发中,修改控件的样式也是通过类名属性,而模版语法也可以用来动态修改类名的值。
例如一段最简单的类名属性案例:
<页面>
<按钮 类名="按钮样式" 按钮样式="默认">按钮</按钮>
</页面>
<脚本>
局部变量 数据层 = {
//所有的页面数据,请在本处定义
};
</脚本>
<脚本>
局部变量 方法层 = {
//所有页面方法,请在本处定义
};
</脚本>
<样式>
.按钮样式{
顶部: 50rpx;
背景-颜色: 颜色值-粉色;
}
</样式>
而如果想要动态更改按钮的值则可以使用模版语法绑定类名属性;参考如下:
<页面>
<按钮 :类名="数据层.按钮样式效果" 按钮样式="默认">按钮</按钮>
</页面>
<脚本>
局部变量 数据层 = {
//所有的页面数据,请在本处定义
按钮样式效果:"按钮样式"
};
</脚本>
<脚本>
局部变量 方法层 = {
//所有页面方法,请在本处定义
};
</脚本>
<样式>
.按钮样式{
顶部: 50rpx;
背景-颜色: 颜色值-粉色;
}
</样式>
通过上面的代码,只要数据层的按钮样式效果成员的值发生变化,那么按钮的样式也会随之而变化!
测试账号