uni-app学习 style样式和三元运算符用法（三）

三元运算符的使用

当isRed==“1” 为true 给view添加class=red
当isRed==“1” 为false给view添加class=green

<view :class="[isRed=='1' ? 'red' : 'green']">三元运算符</view>

动态style

<view :style="{fontSize: fontSize+'px'}">style</view>

var $this = '';
data() {
	return {
		isRed:'1'
	}
},
onLoad() { 
	$this = this;
	setInterval(function(){ 
		// console.log($this.age); 
		$this.age++;
		$this.fontSize++;
	},2000)
	// console.log('index页面刷新')
},

<style>
	.red{
		color:red;
		fontSize : '10'
	}
	.green{
		color:green;
	}
</stlye>