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;
	}
相关推荐
云起SAAS2 小时前
小智笔记APP源码 | 8大广告联盟聚合(穿山甲/优量汇/快手/百度) | 应用市场过审极速版 | uni-app全栈商用项目
笔记·uni-app·广告联盟·笔记app
蹦哒5 小时前
UniApp 原生插件开发完整指南
uni-app
a_Ichuan5 小时前
在HBuilderX创建的uniapp项目中使用unocss
前端·uni-app
web前端神器5 小时前
记录uniapp小程序的报错
小程序·uni-app·apache
weikecms7 小时前
外卖霸王餐api接口,美团+淘宝闪购接口
微信·小程序·微客云
yqcoder7 小时前
uni-app 之 网络请求
网络·uni-app
Greg_Zhong7 小时前
微信小程序中进度条总结
微信小程序·自定义进度条·slider进度条
克里斯蒂亚诺更新7 小时前
uniapp适配H5和Android-apk实现获取当前位置经纬度并调用接口
android·前端·uni-app
2501_9160088919 小时前
深入解析iOS应用启动性能优化策略与实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone
TuCoder1 天前
制作景区导览小程序时,现有手绘图是否可以复用?
小程序·智慧景区·手绘地图·景区导览·电子导览·地图制作·ebmap