首页因为有echarts组件,渲染出来其实就是原生组件canvas,众所周知,canvas是原生组件,层级最高,会引起穿透问题。
以下是安卓中效果,是正常的:
以下实在ios上的页面效果,内容无法显示
代码如下:
<cover-view class='masked' v-if='showModal'>
<cover-view class="popup-content">
<cover-view class="center-box-title">请开通平安结算账户 </cover-view >
<cover-view class='line'></cover-view>
<cover-view class="popup-list-bottom">
<cover-view class="popup-my-btn-min" @click="startOpen">开始 </cover-view >
</cover-view >
</cover-view>
</cover-view>
经过真机调试发现是在ios上,容器没有高度的问题,给最外层容器popup-content一个height:200px,解决此问题。