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

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容