小程序wx:if,渲染数据时设置不同的样式

2020-12-29  本文已影响0人  努力让自己更自信

1.通过wx:if判断给渲染层设置不同的样式

// wx:for="{{drawdata}}" wx:for-item="item" wx:key="id" 
// 循环的数据
<block wx:if="{{item.money > 0}}">
      <view class="draw-right" style="color:#E60012">
        {{item.money}}
      </view>
  </block>
 <block wx:elif="{{item.money < 0}}">
      <view class="draw-right" style="color:#6ABE8A">
        {{item.money}}
      </view>
 </block>

**效果如下


image.png
上一篇 下一篇

猜你喜欢

热点阅读