H5W3
当前位置:H5W3 > JavaScript > 小程序 > 正文

【小程序】微信小程序踩坑记录:cover-view点击事件无效

微信小程序踩坑记录:cover-view点击事件无效

随便看看用户发布于 2020-05-13

在开发小程序过程中,由于需求要对页面标题栏自定义,在配置了"navigationStyle": "custom"之后,自己又写了一个标题栏组件,最终效果如下
自定义标题栏
看起来效果还行,但是用着用着就发现左上的返回按钮点不了了,而且是IOS专享。。。看来又是兼容性的问题了,于是开始了漫长的搜索与测试找bug之旅(此时项目基础库为2.8.3)

经过一番折腾之后,终于发现了问题所在,由于返回按钮是定位上去的,而它的CSS中忘记写z-index,导致被块状元素的标题遮挡了,将z-index加上就解决了。

组件开源地址:https://github.com/dxwb/minapp-components

javascript前端微信小程序小程序
阅读 1.6k更新于 2020-10-09
本作品系原创,采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议
avatar

随便看看用户
18 声望
0 粉丝

0 条评论
得票时间

avatar

随便看看用户
18 声望
0 粉丝

宣传栏

在开发小程序过程中,由于需求要对页面标题栏自定义,在配置了"navigationStyle": "custom"之后,自己又写了一个标题栏组件,最终效果如下
自定义标题栏
看起来效果还行,但是用着用着就发现左上的返回按钮点不了了,而且是IOS专享。。。看来又是兼容性的问题了,于是开始了漫长的搜索与测试找bug之旅(此时项目基础库为2.8.3)

经过一番折腾之后,终于发现了问题所在,由于返回按钮是定位上去的,而它的CSS中忘记写z-index,导致被块状元素的标题遮挡了,将z-index加上就解决了。

组件开源地址:https://github.com/dxwb/minapp-components

本文地址:H5W3 » 【小程序】微信小程序踩坑记录:cover-view点击事件无效

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址