609738992@qq.com
609738992@qq.com
  • 发布:2016-12-01 14:20
  • 更新:2018-08-07 09:36
  • 阅读:1426

MUI图片预览不能全屏的的问题

分类:MUI
mui

现在的app结构是一个主页面(主webview:顶部header和底部nav)和4个子模块(即是4个字webview),在子webview中有图片列表,用mui.previewimage.js实现图片预览,但是只能在当前的子webview中预览,不能铺满整个屏幕, 有什么方法可以实现多层webview下的图片预览全屏显示呢?

2016-12-01 14:20 负责人:无 分享
已邀请:
909178457@qq.com

909178457@qq.com

你解决了没有

wenrong

wenrong

怎么解决的?

青椒茄子

青椒茄子

使用mui.previewimage.js不能全屏预览,解决方法:
1、改为单webview方案,貌似不适合你项目的结构;
2、使用原生图片预览;
3、复杂点:子页面弹窗时,mui.fire到父页面,让其添加遮罩,反之删除
第三个方案操作复杂,而且预览图片不能全屏垂直对齐,我这里新APP已经改为方案一和方案二了;

wenrong

wenrong

解决了,监听图片预览的打开和关闭事件,修改子WebView的top或者bottom为0
plus.webview.currentWebview().setStyle({
top:0
});
关闭就还原

该问题目前已经被锁定, 无法添加新回复