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;
	}
相关推荐
梦曦i3 小时前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
梦曦i8 小时前
全面解析uni-router v1.2.0功能
前端·uni-app
不如摸鱼去10 小时前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app
PedroQue9911 小时前
uni-router:uni-app路由管理新选择
前端·uni-app
这是个栗子12 小时前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
TuCoder14 小时前
景区导览小程序功能选型指南:刚需配置、增值功能与技术避坑要点
小程序
中犇科技16 小时前
2026商城APP开发公司 TOP5(电商垂直版)
uni-app
扁豆的主人16 小时前
Uniapp如何构建和部署
uni-app
小羊Yveesss17 小时前
2026年知识付费小程序多少钱一个?
小程序
hhzz17 小时前
Uniapp项目中解决一个比较典型的图标渲染问题:原生 tabBar(pages.json 里配置的那种)
uni-app·json