【BUG】margin-bottom不显示

发布于 6 年前作者 yaoming15531 次浏览最后编辑 6 年前来自 ask

页面最后一个元素load-more的margin-bottom不显示

系统:iOS 11.2.6  iPhone 5S

如下,load-more为一个组件,是page的最后一个元素:

load-more {
 width: 65%;
 margin: 1.5em auto;
 line-height: 1.6em;
 font-size: 14px;
 text-align: center;
}
<view wx:if="{{status == 'loading'}}" class="load-more">
 <view class="load-more__loading">view>
 <view class="load-more__text">{{loadingText}}view>
view>
<view wx:if="{{status == 'nomore'}}" class="load-more load-more__line">
 <view class="load-more__text load-more__text--in-line">{{nomoreText}}view>
view>

load-more的margin-bottom不会显示:

必须给page设置以下CSS才能解决:

page {
 padding-bottom:1rpx;  /* 解决 load-more 底部 margin 不显示的问题 */
}
2 回复
zhengmin
zhengmin1 楼6 年前

如果不能用margin-bottom, 可以用padding-bottom替代一下试试看