动态加载图标
根据每行数据不同的属性加载相应的图标,其实也是利用数据进行判断加载
根据后台传回前端的变量值,进行判断,再加载相应的图标
首先在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>
效果图:
评论列表