- Cover-view中Button的hover-class问题
- 当前 Bug 的表现(可附上截图) 开发者工具情况: [图片] 真机情况: [图片] ① 点击按钮没有hover-class效果 ② 按钮没有按预定效果呈现一个圆形按钮 - 预期表现 有hover-class变色效果 圆形按钮 - 复现路径 index/index - 提供一个最简复现 Demo wechatide://minicode/T9l25wmv7O2Z - 开发者工具项目配置: [图片]
2018-09-18 - cover-view的CSS效果在实机上和开发者工具完全不一样
手机:华为荣耀V10 微信版本:6.6.7 开发者工具版本:v.1.02.1806120 调试基础库:2.1.3 开发者工具情况: [图片] 实际情况: [图片] 两个按钮的CSS代码: [代码].box .pre_box{[代码][代码] [代码][代码]float[代码][代码]: [代码][代码]left[代码][代码];[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]25[代码][代码]vh;[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码] [代码][代码]opacity: [代码][代码]0.5[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]0px[代码] [代码]50px[代码] [代码]50px[代码] [代码]0px[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]15%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]25[代码][代码]vh;[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] [代码].box .next_box{[代码][代码] [代码][代码]float[代码][代码]: [代码][代码]right[代码][代码];[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]25[代码][代码]vh;[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码] [代码][代码]opacity: [代码][代码]0.5[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]50px[代码] [代码]0px[代码] [代码]0px[代码] [代码]50px[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]15%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]25[代码][代码]vh;[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] 按钮的WXML写法: [代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'pre_box'[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'btn_pre'[代码][代码]><</[代码][代码]cover-view[代码][代码]>[代码][代码]</[代码][代码]cover-view[代码][代码]> [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'next_box'[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'btn_next'[代码][代码]>></[代码][代码]cover-view[代码][代码]>[代码][代码]</[代码][代码]cover-view[代码][代码]>[代码] 可能的原因: 微信小程序内置的解释器和小程序开发工具对 [代码] [代码][代码]border-radius [代码]属性的理解不一样,当写 border-radius : 50%时, 微信小程序和小程序的效果非常接近。 请问兄弟们有没有好的解决方法,这个或许是微信小程序的一个bug?
2018-07-13