251 次浏览【转载需注明来源】
在快码编程中,如果想要对控件的属性进行动态更改,则也可以使用UniApp的模版绑定语法。
例如下方代码实现一个最基础的按钮点击效果:
<页面>
<按钮 按钮样式="默认" 效果保留时间="2000" 点击效果="点击效果" 效果触发时间="2000">你好按钮</按钮>
</页面>
<脚本>
局部变量 数据层 = {
//所有的页面数据,请在本处定义
};
</脚本>
<脚本>
局部变量 方法层 = {
//所有页面方法,请在本处定义
};
</脚本>
<样式>
.点击效果{
背景-颜色: 颜色值-粉色;
}
</样式>
现在我们有一个需求,就是可以使效果保留时间和效果触发时间属性由数据层来控制;那么则可以使用属性绑定模版语法;在快码编程的UniApp语法中,绑定属性的模版语法为:属性名="数据层.成员";我们可以用一段代码来演示一下:
<页面>
<按钮 按钮样式="默认" :效果保留时间="数据层.效果保留时间" 点击效果="点击效果" :效果触发时间="数据层.效果触发事件">你好按钮</按钮>
</页面>
<脚本>
局部变量 数据层 = {
//所有的页面数据,请在本处定义
效果保留时间:3000,
效果触发事件:1000
};
</脚本>
<脚本>
局部变量 方法层 = {
//所有页面方法,请在本处定义
};
</脚本>
<样式>
.点击效果{
背景-颜色: 颜色值-粉色;
}
</样式>
总结:通过:【冒号】属性绑定语法,则可以实现动态的设置一些属性的值!
测试账号
认真学习 Time: 2023-05-25 18:08:44
评论ID
冒号属性绑定语法,实现动态修改属性。