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;
	}
相关推荐
阿凤216 小时前
uniapp运行到app端怎么打开文件
android·前端·javascript·uni-app
00后程序员张7 小时前
完整教程:如何将iOS应用程序提交到App Store审核和上架
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张7 小时前
iOS应用性能优化全解析:卡顿、耗电、启动与瘦身
android·ios·性能优化·小程序·uni-app·iphone·webview
大力水手~10 小时前
小程序模仿iphone苹果手机滑动选时间
智能手机·小程序
杰建云16710 小时前
小程序如何做裂变?
小程序·小程序制作
Front思11 小时前
解决 uniapp Dart Sass 2.0.0 弃用警告
前端·uni-app·sass
Evavava啊11 小时前
iOS微信小程序WebView中按钮背景渐变显示问题解决方案
ios·微信小程序·h5·渲染
阳光雨滴11 小时前
微信小程序使用canvas自定义富文本内容做图片分享
微信小程序·小程序
杰建云16711 小时前
小程序如何做活动?
小程序·小程序制作
这是个栗子11 小时前
【微信小程序问题解决】微信小程序全局 navigationBarTitleText 不起作用
微信小程序·小程序·导航栏