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 小时前
uniapp打包h5应用如何开启history模式,以及资源管理器直接打开存在问题
uni-app
kaoyaoyao6 小时前
小程序评论分数提高,提升用户参与感和忠诚度
大数据·小程序·seo·评论·小程序评分
Cc_Debugger6 小时前
小程序canvas画环形百分比进度图
小程序
姥姥家的饭7 小时前
uniapp 文本转语音
uni-app
V+zmm101349 小时前
社区二手物品交易小程序ssm+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm
素**颜9 小时前
uniapp 基于xgplayer(西瓜视频) + renderjs开发,实现APP视频播放
javascript·uni-app·音视频
顽疲10 小时前
从零用java实现 小红书 springboot vue uniapp (6)用户登录鉴权及发布笔记
java·vue.js·spring boot·uni-app
长风清留扬12 小时前
小程序开发实战项目:构建简易待办事项列表
javascript·css·微信小程序·小程序·apache
竣子好逑13 小时前
uniapp 微信小程序 数据空白展示组件
微信小程序·小程序·uni-app
V+zmm1013415 小时前
基于微信小程序的在线选课系统springboot+论文源码调试讲解
java·小程序·毕业设计·mvc·springboot