我也遇到这个问题,只识别第一个设置值,没办法画半圆,希望官方早日解决
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-09-03