如图,当页面数据接近或超过一页的时候,页面底部的固定按钮会遮挡一部分内容,导致内容显示不全。(由于内容涉及隐私,码掉了一部分,看页面底部信息是否遮盖就好)
页面代码:
<import is="" src="/pages/template/list-template.wxml" />
<view class='index_tab'>
<!--获取页面内容的view-->
</view>
<view class="standView"></view>
<view class="bottomBtn">
<button bindtap="upBtn">发布信息</button>
</view>
css代码:
/* 占位view */
.standView{
width: 100%;
height: 80rpx;
}
/* 发布按钮 */
.bottomBtn{
position:fixed;
bottom: 0;
width: 100%;
}
.bottomBtn button{
width: 98%;
background-color: #61b3a0;
font-size: 28rpx;
color: white;
height: 80rpx;
line-height: 80rpx;
border-radius: 10rpx;
}
这样就解决了显示信息不全的问题