微信小程序cover-view踩坑记录,不会自动填充高度

145 阅读1分钟

首页因为有echarts组件,渲染出来其实就是原生组件canvas,众所周知,canvas是原生组件,层级最高,会引起穿透问题。

以下是安卓中效果,是正常的:

image.png

以下实在ios上的页面效果,内容无法显示

image.png

代码如下:

<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,解决此问题。