小程序如何动态的绑定对象obj样式

小程序动态的绑定 obj样式

直接上代码

# index.wxml
<view style="{{styleStr}}">测试文本</view>
# index.js 
Page({
	data: {
		style: { // 动态的样式值
			"width": "120px",
			"color": "#999"
		},
		styleStr: "", // 中间转函数
	},
	// 生命周期函数
	onShow: function(){
		this.getStyleStr()
	},
	getStyleStr: function(objStyle){
		if (!objStyle || typeof objStyle != "object") {
			return false;
		}
		let styleStr = "";
		for(const i in objStyle) {
			styleStr += i + ":" + objStyle[i] + ";";
		}
		this.setData({styleStr});
	}
})