美文网首页
小程序wx:if,渲染数据时设置不同的样式

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

作者: 努力让自己更自信 | 来源:发表于2020-12-29 19:25 被阅读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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/otsqoktx.html