【BUG】margin-bottom不显示 - WXOPEN Club

页面最后一个元素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 不显示的问题 */

}

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

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