真机调试 map 组件上自定义控件中使用 css 伪类样式无效问题
客户要求在地图上添加控件,刚开始使用 cover-view 组件在开发工具上调试时能在Wxml中看到 map 组件中 cover-view 组件,在此基础开发完了自定义组件,其中使用到了 css 伪类样式。
真机调试时发现 css 伪类样式没有显示,并且在 Wxml 中也没有看到 map 组件中的 cover-view 组件,关闭真机调试后在开发工具上看 Wxml 中的 map 组件发现和真机调试模式下的 Wxml 的内容是一样的。微信将 map 组件中的自定义内容替换成了 “地图” 两个文字,真坑。
在 Console 看到提示 “map 已支持同层渲染,建议使用 view 代替 cover-view 渲染。” 抱着试试的想法将 map 组件中的 cover-view 组件全部替换成了 view 组件,真机调试了一下 css 伪类样式生效了,真坑。