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;
	}
相关推荐
考拉讲支付8 小时前
延迟分账 / 核销分账的技术实现方案:服务完成后再分钱,到底怎么设计?
大数据·运维·人工智能·微信小程序·小程序·系统架构
Newway32113 小时前
便利店小程序商城如何打通总部、门店与会员
小程序·小程序商城·会员运营·连锁便利店·门店订货·o2o系统
Strawberry9613 小时前
小程序视频播放官方方案
小程序
weixin_1772972206916 小时前
二手旧物回收小程序先要解决的不是下单,是“上门之后价格变了怎么办“
小程序·apache
青企通16 小时前
电动车门店小程序:以旧换新估价、维修工单与电池档案的设计实现
小程序
努力变的更好16 小时前
H5与小程序之间的回调
前端·小程序·apache
镭封1 天前
自媒体内容生产怎么提速?文案整理、配音与剪辑流程
人工智能·小程序·音视频·语音识别·媒体
anyup1 天前
uView Pro X 1.0.0 发布:全面支持 uni-app x 蒸汽模式,80+ 组件
前端·uni-app·ai编程
科威网络1 天前
小程序开发性能优化:分包、预加载与启动时间
性能优化·微信小程序·小程序
zhongben123_2 天前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app