大家好，微信小程序写的UI界面 模拟器显示正常 但是真机看不到（只能看到两个按钮，其他看不到）这是为什么？

模拟器上看到的 手机上看到的

代码如下：

wxml（大部分都是类似的只贴了部分代码）:

<cover-view class='bar bottom fix shadow justify-center' style="width:100%;height:280px;border-top:1px solid orange;background-color:#f0f0f0;position:fixed; bottom:0;">

<div class='view_class'>

<div style="width:10vh;height:30px; margin: 15px 0 0 10px"><text>大小</text></div>

<div style="width:90vh;height:20px; margin: 5px 0 0 0px">

<slider min="0" max="100" step="1" show-value value="20" bindchange="changeTextSize" />

</div>

</div>

<div class='view_class'>

<button bindtap='click2' class="button" style="margin: 1rpx 15rpx 8rpx 50rpx;" bindtap="saveNewImage">保存</button>

<button bindtap='showmyCanvas' class="button" style="margin: 1rpx 50rpx 8rpx 15rpx;" disabled="{{disable}}">预览</button>

</div>

</cover-view>

wuss:

.view_class {

  border-top: 1rpx rgb(165, 160, 160) solid;

  display: flex;

  flex-direction: row;

  justify-content: left;

}

.view_class_1 {

  display: flex;

  flex-direction: row;

  justify-content: left;

}

谢谢