<scroll-view scroll-x="true" scroll-y="true" hidden='{{active==1?true:false}}' bindscrolltolower>
<view class='tab-item-list'>
<block wx:for="{{country}}" wx:key="{{index}}">
<view class="tab-body-item">
<image mode="aspectFill"
class="{{countryActive==item.code?'active':''}}"
catchtap='selectCountry'
data-src='/asset/img/ico/{{item.code}}.png'
lazy-load="true"
data-value='{{item.code}}'
src="/asset/img/ico/{{item.code}}.png" lazy-load="true"></image>
<view>{{item.countryName}}</view>
</view>
</block>
</view>
</scroll-view>
渲染了一个列表30张小图片,每张点击加上class active就会边框变红,结果测试发现点击几张之后,没有active的图片也被渲染成高亮有红色的边框,