收藏
回答

【BUG】margin-bottom不显示

框架类型 问题类型 操作系统 工具版本
小程序 Bug macOS v1.02.1804080



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



最后一次编辑于  2018-04-12
回答关注问题邀请回答
收藏

2 个回答

  • 青芒
    青芒
    2018-04-12

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

    2018-04-12
    有用
    回复
  • 夏洛埃克
    夏洛埃克
    2018-04-12

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

    2018-04-12
    有用
    回复
登录 后发表内容