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;
	}
相关推荐
WenGyyyL2 小时前
微信小程序开发——第三章:WXML 与 WXSS —— 小程序页面结构与样式设计
微信小程序·小程序
万岳科技系统开发2 小时前
外卖小程序中的高并发处理:如何应对大流量订单的挑战
算法·小程序·开源
WenGyyyL3 小时前
微信小程序开发——第四章:小程序的组件与模块化开发
微信小程序·小程序·notepad++
说私域5 小时前
社群时代下的商业变革:“开源AI智能名片链动2+1模式S2B2C商城小程序”的应用与影响
人工智能·小程序·开源
前端与小赵6 小时前
uni-app开发安卓app时控制屏幕常亮不息屏
android·gitee·uni-app
毕设源码-朱学姐7 小时前
【开题答辩全过程】以 基于Java的医务室病历管理小程序为例,包含答辩的问题和答案
java·开发语言·小程序
文人sec8 小时前
微信小程序minium自动化测试SOP
微信小程序·小程序
克里斯蒂亚诺更新8 小时前
微信小程序 点击地图后弹出一个模态框
微信小程序·小程序·notepad++
云起SAAS8 小时前
患者随访管理抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·患者随访管理
2501_916008898 小时前
HTTPS 请求抓包,从原理到落地排查的工程化指南(Charles / tcpdump / Wireshark / Sniffmaster)
ios·小程序·https·uni-app·wireshark·iphone·tcpdump