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动态修改元素节点样式详解)