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;
	}
相关推荐
大叔_爱编程4 小时前
wx206基于ssm+vue+uniapp的优购电商小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
凡科网小帆5 小时前
宠物店小程序怎么做?助力实体店实现营销突破
小程序·小程序制作·宠物店小程序
T - mars13 小时前
python爬虫:小程序逆向实战教程
小程序
ElasticPDF-新国产PDF编辑器16 小时前
Uni-app PDF Annotation plugin library online API examples
pdf·uni-app
Kx…………1 天前
Uni-app入门到精通:uni-app的基础组件
前端·css·学习·uni-app·html
说私域1 天前
定制开发开源AI智能名片S2B2C商城小程序:技术赋能商业价值实现路径研究
大数据·人工智能·小程序·开源
说私域1 天前
基于开源AI大模型AI智能名片S2B2C商城小程序,探究私域电商中人格域积累与直播电商发展
人工智能·小程序·开源·零售
雅致教育1 天前
基于微信小程序的医院挂号预约系统设计与实现
微信小程序·小程序
getyefang2 天前
uniapp如何接入星火大模型
ai·uni-app