如上图,列表结果是正常的,但展示时,中间会有一个空白位置。
代码如下:
<view class="container">
<scroll-view scroll-top="{{scrollTop}}" scroll-y="true" style="" class="list" bindscrolltolower="bindDownLoad" >
<view class="a-section a-new" wx:if="{{list.length > 0}}">
<view class="b">
<view class="item" wx:for="{{list}}" wx:for-index="index" wx:for-item="item" wx:key="{{item._id}}" data-index="{{index}}">
<navigator bindtap='toLookup' data-index="{{index}}">
<image class="img" src="{{item.main_pic}}" background-size="cover"></image>
<text class="name">{{item.title}}</text>
</navigator>
</view>
</view>
</view>
</scroll-view>
</view>
你这个完全是css的问题,第一张图下面的文字换行了,导致中间那里放不下多一项,要么设置文字超出不换行,显示省略号,要么修改排版布局
同意楼上
第一格,文字两行把高度撑开了,导致下一行右移