uniapp造成列表项被遮挡的原因是什么？

分成导航 内容 底部 三个组件

img

内容组件中最后一个列表项被底部的组件遮挡，向下拉才可以勉强拉上，松手又掉下去，正常来说内容遮挡向下拉就可以显示全部了吗？这个为什么只能显示一半？该怎么做才能让最后一个组件列表项能完整显示出来 不被这个底部组件遮挡？

高度不够，该怎么预留高度出来呢？

    .cardStyle {
        // height:60rpx;
        margin-top: -250rpx;
    }
是给这个容器添加了一个宽度没办法让他自适应，低级错误。。。。。。