组件内的数字超出规定数字变色问题?

发布于 5 年前作者 sungang10801 次浏览最后编辑 5 年前来自 ask

如图,如果左边的数字大于等于右边的数字的话,左边的数字就变红。如何实现?

2 回复
weiguo
weiguo1 楼5 年前

可以用数据绑定,参考https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html

例如

data() {
  return {
    left: 87,
    right: 90
  }
}

<view class="{{ left > right ? 'red' : '' }}">{{ left }}</view>
<view class="">{{ right }}</view>
zhongmin
zhongmin2 楼3 年前

js 判断一下 然后加一个class控制颜色就行