问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 微信小程序 需求 webview 客户端 iOS 6.7.2 v1.02.1809111
场景:
页面中需要几个button和一张svg图,由于功能需要,svg图在一个html页面(A)中展示,所以很直觉地想到用webview引入,可是目前的webview组件只支持单独存在(会自动覆盖其他组件,且不可设置层级),这样的话那几个操作的按钮就无法显示了。
由于上述限制,我另写了一个html页面(B),在这个页面中写了那几个操作按钮,svg图用iframe引入,再通过微信小程序的webview组件引入这个页面B,OK,页面看上去和设计稿是一样的。
可是新问题来了-----iframe中的页面A无法进行手指缩放!我给页面B的meta设置了禁止缩放(因为按钮不能被放大缩小),页面A是设置了可缩放的,由于svg图在移动端需要放大缩小查看图中细节,无法手动缩放大小是致命的,我尝试了各种办法都无效,不能这应该是iframe的问题,可是微信小程序的webview组件为什么不能支持和其他组件共存呢,这一点我比较费解。况且webview中的页面和微信小程序的通信也是一个麻烦的地方,远没有直接写在微信小程序自己的页面里来得方便
- 希望提供的能力
希望微信小程序的webview组件会默认覆盖其他组件这点不变,但是可以设置webview的层级(z-index),这样可以让其他组件覆盖在webview上面,这样可以避免很多不必要的麻烦
微信小程序开发问题解答
微信小程序开发者回答:
这个功能估计不会有,微信小程序毕竟不是 app,跟微信小程序本身的渲染机制可能有关
本文网址:http://www.91bianli.com/weixinxiaochengxu/45326.html