首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题

微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题

作者头像
园游会永不打烊
发布于 2023-08-08 15:09:12
发布于 2023-08-08 15:09:12
2K0
举报
文章被收录于专栏:cloud stdiocloud stdio

结合了以下文章,都没有找到办法

https://blog.csdn.net/WEIGUO19951107/article/details/94305964 https://blog.csdn.net/weixin_39461487/article/details/80075140 https://developers.weixin.qq.com/community/develop/doc/cbd33199b42aec724e54419ebe6371d7

图片显示是这个文章给我了参考,并且成功

https://blog.csdn.net/one_girl/article/details/109243685

我们看一下我成功的视频【审核通过,不得不说速度比之前快了 】

https://live.csdn.net/v/embed/284697

小程序web-view显示原生组建一系列问题

提示:开发者工具显示不出来,只有真机环境才有

代码 wxml

代码语言:javascript
复制
<web-view bindmessage="__e" class="webview data-v-68ffe378 vue-ref" data-event-opts="{{[ [ 'message',[ [ 'message',['$event'] ] ] ] ]}}" data-ref="currentWebview" src="{{url}}">
	<navigator url="/modules/WebviewApp/view/center">
	<cover-view class="duiba-back-btn">

<cover-image src="/static/back-btn.png"></cover-image> 
			
      </cover-view></navigator> 
</web-view>

css

代码语言:javascript
复制
/*  */
.duiba-back-btn {
    position: fixed;
    z-index: 999999;
    top:20rpx;
    left:0;
    width:100rpx;
    height:50rpx;
  }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-03-23,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档