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;
	}
相关推荐
脾气有点小暴6 小时前
scroll-view分页加载
前端·javascript·uni-app
脾气有点小暴8 小时前
uniapp自定义头部导航
前端·uni-app
一 乐11 小时前
健身房预约|基于springboot + vue健身房预约小程序系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·学习·小程序
前端 贾公子14 小时前
[uniapp][swtich开关]阻止切换状态(类似阻止事件冒泡)
uni-app
豌豆学姐14 小时前
Sora2 能做什么?25 秒视频生成 API 的一次接入实践
大数据·人工智能·小程序·aigc·php·开源软件
李慕婉学姐14 小时前
【开题答辩过程】以《智慧校园创新互助小程序的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
java·spring boot·小程序
qq_124987075316 小时前
基于微信小程序的校园跑腿系统的设计与实现(源码+论文+部署+安装)
spring boot·微信小程序·小程序·毕业设计·计算机毕业设计
雪芽蓝域zzs17 小时前
uniapp基于picker选择器实现年月日时分秒
uni-app
niucloud-admin17 小时前
本地开发部署——uniapp端站点部署
uni-app
大大花猫18 小时前
我用AI写了个小程序,却被人说没有底线…
前端·微信小程序·交互设计