button的hover-class无法在map组件中正确应用

微信公开课小程序热门讨论关于「button的hover-class无法在map组件中正确应用」的小程序开发问题
补充:button的hoverclass无法在map组件中正确应用
展开:当前Bug的表现根据官方文档说明，button如果设置了按钮的背景色，为了表示按钮被点击了，可以指定一个hoverclass来应用点击时的样式如下面的源码所示：indexwxml<map<buttonhoverclass=btnHelloWorld!<button<map<view<buttonhoverclass=btnHelloWorld!<button<viewindexwxssmap{width:100vw;height:50vh;}button{top:50%;width:80%;color:white;backgroundcolor:blue;}btn{backgroundcolor:red;}如上所示，我为map中添加一个button组件，也设置了背景色，指定了hoverclass，在模拟器中这两个button的样式都可以被应用上：但是到了手机上，小程序会忽略在map上按钮的变化：这是在手机上我同时点按钮的状况所以我认为这应该是一个八阿哥=======================================================================================================我后来又进一步分析了一下，得到一个猜想：如果是在map组件中增加button，默认是自动为button外面套用一个coverview标签也就是说如果代码是这样的：<map<buttonHelloWorld!<button<map那么小程序实际上渲染时这段代码会渲染为：<map<coverview<buttonHelloWorld!<button<coverview<map我想可能这样才能保证button组件可以正确的显示在map的上面为了证实这个猜想，我后来又在最外层做了一个coverview套button的代码：<coverview<buttonhoverclass=btnhoverstaytime={{1000}}HelloWorld!<button<coverview然后果然印证了我的猜想：这样在模拟器中依旧显示没有问题，但是到了手机上，不论怎么点击都是不行的所以我认为问题就出在coverview对button这里的样式应用上
更多有关「button的hover-class无法在map组件中正确应用」的讨论可以前往微信公开课小程序参与互动哦！了解更多