Vue/uni-app动态修改元素的样式

1.第一种是通过v-bind和三元表达式

<view class="tip" :style="{color:item.state === '已确认'?'#52c41a':'#f5653b'}">商家{{item.state}}订单</view>

2.第二种是通过data

		<!-- 底部工具栏 -->
		<view class="bottom_tools" :style="{bottom: propUpBottomHeight}"></view>

data(){
			return {
				// 撑高架高度
				propUpBottomHeight: ''
			}
		}

3.第三种是通过ref获取dom元素来进行修改样式
（由于我这里项目没有用到，大家可以参考一下这篇uniapp动态修改元素节点样式详解）