小程序渲染问题
发布于 7 年前 作者 nxiang 1485 次浏览 来自 问答

<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的图片也被渲染成高亮有红色的边框,

回到顶部