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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐