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;
	}
相关推荐
一点晖光1 小时前
ios底部按钮被挡住
前端·ios·微信小程序
web前端神器8 小时前
vue、uniapp项目循环中能显示每个列表的内容,但是点击的时候传递的参数却不正确
uni-app
ModyQyW8 小时前
HBuilderX 4.87 无法正常读取 macOS 环境配置的解决方案
前端·uni-app
脾气有点小暴9 小时前
Uni-app App 端自定义导航栏完整实现指南
uni-app
前端程序猿之路11 小时前
基于扣子(Coze)工作流 API 的微信小程序开发实践总结
前端·微信小程序·小程序·大模型·api·ai编程·扣子
德育处主任15 小时前
在小程序做海报的话,Painter就很给力
前端·微信小程序·canvas
CDwenhuohuo15 小时前
uniapp去掉手机状态栏 全屏展示
开发语言·javascript·uni-app
低代码布道师16 小时前
互联网医院17:架构重构——医生档案的“独立宣言”
低代码·小程序·云开发
宁夏雨科网16 小时前
手机数码小程序商城自己能否独立开发
小程序·商城小程序·制作小程序·手机数码
行走的陀螺仪18 小时前
使用uniapp,实现根据时间倒计时执行进度条变化
前端·javascript·uni-app·vue2·h5