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;
	}
相关推荐
小徐_23336 小时前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
前端·uni-app
前端 贾公子8 小时前
小程序蓝牙打印探索与实践(上)
小程序
拙慕JULY9 小时前
小程序返回 base64 文件报错
开发语言·javascript·小程序
dh1312225052510 小时前
按月季度销售业绩核算小程序
小程序·销售小程序·绩效小程序·业绩统计小程序·业绩核算小程序
拙慕JULY10 小时前
微信小程序自定义标题背景色
微信小程序·小程序
qq_2299331312 小时前
uniapp踩坑-组件嵌套子组件不触发onReachBottom事件
uni-app
前端 贾公子12 小时前
小程序蓝牙打印探索与实践(下)
小程序·apache
00后程序员张12 小时前
Jenkins 自动上传 IPA 到 App Store 把发布步骤融入 CI/CD
android·ios·小程序·https·uni-app·iphone·webview
JackieDYH13 小时前
uniapp vue3 常用的生命周期和作用使用时机
javascript·vue.js·uni-app
PedroQue9914 小时前
uni-app路由管理神器:vue-router风格体验
前端·uni-app