在網頁中設置body,html{height:100%};

將body和html設置為100%，這樣我們就可以在他們的子元素中使用height:100%來使的我們的容器元素占滿屏幕的高度啦。

但是在微信小程序中，是沒有dom對象的，但是我們看調試工具可以看到在dom樹(我也不知道怎麽叫了，就這麽叫吧)中，根節點是page，所以我們來試試使用page{height:100%}

<view class=‘index-wrapper‘>
  <view class=‘index-userinfo-container‘>
   <!--  <image src=‘{{userInfo.avatar}}‘></image>
 
-->
  </view>
  <view class=‘index-operate-container‘>
   <!-- <image src=‘{{userInfo.avatar}}‘></image> -->
  </view>
</view>

page{
  height: 100%
}
.index-wrapper{
  background: blue;
  height: 100%;
  width: 100%;
  display:flex;
  flex-direction:column;
}
.index-userinfo-container
 
{

  background: black;
  height: 50px;
}
.index-operate-container{

  background: green;
  height: 50px;
}

微信小程序高度設置為100%