【BUG】margin-bottom不显示
发布于 4 年前 作者 yaoming 15241 次浏览 来自 问答

页面最后一个元素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 回复

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

你这个版本不是最新版的,升级一下版本https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html,是否还会出现此问题

回到顶部