收藏
回答

skyline下flex布局怎么实现不满一屏撑满一屏,满一屏根据内容撑开?

AppID
wx5db79bd23a923e8e

现在的需求是: 页面内容不满一屏那么就撑满一屏,超过一屏就把flex:auto;元素撑开。

webview没问题, skyline有问题。

不能在wrapper上加height,不满一屏的时候看起来是好的,但是内容如果超过一屏就会被截断。

wxss代码

.wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.header {
  border: 1px solid blue;
  flex: none;
  height: 100px;
}

.content {
  border: 1px solid red;
  flex: auto;
}


wxml代码

<view class="wrapper">
  <view class="header">header</view>
  <view class="content">content</view>
</view>


skyline

webview

代码片段: https://developers.weixin.qq.com/s/irkIklmO7tQ5


回答关注问题邀请回答
收藏

1 个回答

  • Eamon
    Eamon
    05-06

    实测是需要在wrapper加上height,可能是skyline对min-height有问题

    你说的“不能在wrapper上加height,不满一屏的时候看起来是好的,但是内容如果超过一屏就会被截断”

    如果内容超出容器应该要加scroll-view吧

    不知道有没有理解错

    05-06
    有用
    回复 1
    • 草料二维码
      草料二维码
      05-08
      我们的需求其实是要在wrapper外层套一个scroll-view,相当于页面滚动条。如果只是content外层套scroll-view不符合需求。
      05-08
      回复
登录 后发表内容