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;
	}
相关推荐
万岳科技系统开发3 小时前
商城系统搭建自建平台与入驻第三方平台对比分析
数据库·小程序·架构
笨笨狗吞噬者10 小时前
uni-app 运行时揭秘:styleIsolation 的转化
前端·微信小程序·uni-app
神の愛12 小时前
JeecgBoot-Uniapp
uni-app
double_eggm12 小时前
微信小程序3
微信小程序·小程序
杰建云16713 小时前
小程序如何提升留存?
小程序·小程序制作
PinTrust SSL证书13 小时前
Geotrust企业型OV通配符SSL
网络协议·网络安全·小程序·https·云计算·ssl
怀君14 小时前
Uniapp——微信小程序Canvas层级过高问题解决
微信小程序·小程序·uni-app
杰建云16715 小时前
小程序如何提升转化率?
小程序·小程序制作
杰建云16716 小时前
小程序如何做用户运营?
小程序·产品运营·用户运营
Devil枫16 小时前
【腾讯位置服务开发者征文大赛】AI 赋能小程序地图开发:腾讯地图 Miniprogram Skill 实战记录
人工智能·小程序