181 次浏览【转载需注明来源】
在快码编程中,也可以像HTML那样去使用行内样式属性设置组件的样式;参考如下代码:
<页面>
<按钮 行内样式="背景-颜色: 颜色值-黄色;" 按钮样式="默认">一个按钮</按钮>
</页面>
但是如果想要实现动态的更改行内样式,则需要绑定数据层,并使用对象格式的CSS;具体的代码参考如下:
<页面>
<按钮 :行内样式="数据层.按钮样式" 按钮样式="默认">我是按钮</按钮>
</页面>
<脚本>
局部变量 数据层 = {
//所有的页面数据,请在本处定义
按钮样式: `@转换_css到对象>{
背景-颜色: #0098;
顶部: 20rpx;
}`
};
</脚本>
注意:在上述的代码中使用了@转换_css到驼峰对象>关键字 这个关键字是在编译中将一段标准的CSS代码转换成对象;上述的这一段CSS代码在编译后会变成下述这样的对象:
{
"背景-颜色":"#0098";
"顶部": "20rpx";
}
上面的讲解就是如何使用行内样式及动态的绑定行内样式。
测试账号