``
<list v-if="showList" class="image-list" :style="{'height':'300px;','width':'300px;'}" :show-scrollbar="true" :scrollable="true" loadmoreoffset="500" @loadmore="loadMore" @scroll="watchScroll">
<cell v-for="(v,k) in listData2" :key="k" >
<view class="chapter-item" :style="{'width':+windowWidth+'px;'}">
<image :style="{'width':+windowWidth+'px;'}" :src="v.imageUrl" mode="widthFix" class="chapter-image" ></image>
</view>
</cell>
</list>
data() {
return {
listData2:[
{id:1,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:2,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:3,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:4,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:5,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:6,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:7,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:8,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:9,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:10,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:11,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
{id:12,imageUrl:'https://pic.rmb.bdstatic.com/bjh/down/b539a6cb92fa55f7840b064eba78b07d.jpeg'},
],
}
}
method:{
watchScroll(e){
console.log(e)
},
loadMore(){
console.log('触底了')
}
}
``
1 个回复
8***@qq.com (作者)
其他代码引起,此BUG不存在