wxml文件:
<view class="container" style="height:100vh;">
<recycle-view lower-threshold="{{50}}"
class="fullScreen"
bindscrolltolower="loadmore" batch="{{batchSetRecycleData}}" id="recycleId" >
<view slot="before">长列表前面的内容</view>
<recycle-item wx:for="{{recycleList}}" wx:key="id">
<view>
<text>{{item.image_url}}</text>
<image class="item" src="{{item.image_url}}"></image>
{{item.idx+1}}. {{item.title}}
</view>
</recycle-item>
<view slot="after">长列表后面的内容</view>
</recycle-view>
</view>
js代码:
onReady: function () {
var ctx = createRecycleContext({
id: 'recycleId',
dataKey: 'recycleList',
page: this,
itemSize: {
width: 162,
height: 182
}
})
rvContext = ctx;
ctx.append(this.data.recycleList)
}
该界面是通过首页index.js中跳转打开的界面,首页有tabbar
wx.navigateTo({
url: '/pages/detail/detail',})
通过设置recycle-view的背景和边框可以看到 是铺满屏幕了的,但是item渲染底部就出不来,留的高度恰好是tabbar的高度,然后我把app.json里的tab 删了 不要首页的底部导航再跳转到这个界面就没问题。是框架bug还是我使用方式不对?
调试下看看是否是被什么挡住了?可提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
好头大啊 没人吗