动态加载图标

  根据每行数据不同的属性加载相应的图标,其实也是利用数据进行判断加载

  根据后台传回前端的变量值,进行判断,再加载相应的图标

  首先在js文件中定义两个图标Url

  最后在wxml文件进行判断加载(此处主要是根据不同的类型进行加载)

  附加完整代码:

  <scroll-view class="client" scroll-top="{{scrollTop}}" scroll-y="true" style="height:{{windowHeight}}px;width:{{windowWidth}}px;" bindscrolltolower="loadmore" bindscrolltoupper="refresh" bindscroll="scroll" >

  <view class="vwitem" wx:for="{{itemdata}}" >

  <view class="vwdata {{index%2==0 ? 'vwdataeven' : 'vwdataodd'}}" data-keyid="{{item.id}}" catchtap="vwclick" catchlongtap="svlongclick" >

  <view class="vwdataleft">

  <image class="smallimage" mode="scaleToFill" src="{{img_line_title_url}}"></image>

  <image class="inoutimage" mode="scaleToFill" src="{{item.itemType=='-'? img_out_url : img_in_url}}"></image>

  <label>{{item.itemName}}</label>

  <label>:</label>

  <label>¥{{item.itemAmt}}</label>

  </view>

  <view class="vwdataright">

  <label>{{item.itemDate}}</label>

  <image class="nextimage" mode="scaleToFill" src="{{img_next_url}}"></image>

  </view>

  </view>

  </view>

  </scroll-view>

  效果图: