uniapp_微信小程序_说下动态class(实用性很强)

// 以上图片为例,里面的参数是后端传给你的,你不知道有多少东西,更不可能一个一个改,所以引入动态class

代码实现

javascript 复制代码
<view  :class="{ pay: item.paymoneystatus === '未支付',inpay: item.paymoneystatus === '已支付'}">{{item.paymoneystatus}}</view>
					<view :class="{ pay: item.serverstatus === '未出库',inpay: item.serverstatus === '已出库'}">{{item.serverstatus}}</view>







.pay{
		color: #DB2115;
	}
	.inpay{
		color: #FF5A00;
	}
相关推荐
CHU72903536 分钟前
一蔬一饭总关情:生鲜买菜商城APP的生活美学
小程序·生活
CHU7290352 小时前
扭蛋机盲盒小程序:趣味交互与惊喜体验的功能设计
前端·小程序
CHU7290352 小时前
AI辅助工具小程序:多元功能助力,开启智能便捷新体验
前端·人工智能·小程序
sheji34162 小时前
【开题答辩全过程】以 互助式失物招领微信小程序为例,包含答辩的问题和答案
微信小程序·小程序
一字白首2 小时前
进阶实战:微信小程序路由、交互与生命周期全攻略DAY03
微信小程序·小程序·交互
2601_952013762 小时前
家政服务小程序维修保洁美容美甲上门预约派单技师saas全开源app+h5+小程序-ym7K
小程序
weixin_lynhgworld3 小时前
全场景定制化开发,适配多品类的盲盒小程序解决方案
小程序
Muchen灬4 小时前
【uniapp】(3)引入uviewUI组件
uni-app
m0_6948455718 小时前
Oh My Zsh 使用指南:Zsh 终端配置与插件管理教程
服务器·前端·小程序·开源·github