当前博客:快码编程移动端实现动态行内样式

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

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

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

在快码编程中,也可以像HTML那样去使用行内样式属性设置组件的样式;参考如下代码:

<页面>
	<按钮 行内样式="背景-颜色: 颜色值-黄色;" 按钮样式="默认">一个按钮</按钮>
</页面>

但是如果想要实现动态的更改行内样式,则需要绑定数据层,并使用对象格式的CSS;具体的代码参考如下:

<页面>
	<按钮 :行内样式="数据层.按钮样式" 按钮样式="默认">我是按钮</按钮>
</页面>
<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
		按钮样式: `@转换_css到对象>{
		背景-颜色: #0098;
		顶部: 20rpx;
	}`
	};
</脚本>

注意:在上述的代码中使用了@转换_css到驼峰对象>关键字 这个关键字是在编译中将一段标准的CSS代码转换成对象;上述的这一段CSS代码在编译后会变成下述这样的对象:

{
    "背景-颜色":"#0098";
    "顶部": "20rpx";
}

 

上面的讲解就是如何使用行内样式及动态的绑定行内样式。

快码编程移动端实现动态行内样式