Vue/uni-app动态修改元素的样式
1.第一种是通过v-bind和三元表达式<view class="tip" :style="{color:item.state === '已确认'?'#52c41a':'#f5653b'}">商家{{item.state}}订单</view>2.第二种是通过data<!-- 底部工具栏 --><view class="bottom_tools" :styl
·
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动态修改元素节点样式详解)
更多推荐
已为社区贡献1条内容
所有评论(0)