vux的 popup组件兼容ios的大坑之遮罩层挡住了弹窗内容

vux在安卓是完全没有问题的,但是在ios不兼容,蒙版会遮住主题内容,导致无法对内容进行操作。

解决如下:

1.引入vux封装好的自定义指令 tansferDom

vux的 popup组件兼容ios的大坑之遮罩层挡住了弹窗内容_第1张图片

2.使用自定义指令(如果不了解vue的自定义指令,

       可以参考 https://cn.vuejs.org/v2/guide/custom-directive.html)

vux的 popup组件兼容ios的大坑之遮罩层挡住了弹窗内容_第2张图片

3. 

vux的 popup组件兼容ios的大坑之遮罩层挡住了弹窗内容_第3张图片

注意:如果包裹了一层div,可能出现里面的样式失效,可以把样式提取到最外层即可,如下:

vux的 popup组件兼容ios的大坑之遮罩层挡住了弹窗内容_第4张图片

 

你可能感兴趣的:(vue相关知识,vux框架,移动端兼容,前端框架,vux,前端,vue.js)