cover-view的CSS效果在实机上和开发者工具完全不一样 - WXOPEN Club

开发者工具情况：

实际情况：

两个按钮的CSS代码：

.box .pre_box{

float: left;

margin-top: 25vh;

background-color: #000;

opacity: 0.5;

border-radius: 0px 50px 50px 0px;

width: 15%;

height: 25vh;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

}

.box .next_box{

float: right;

margin-top: 25vh;

background-color: #000;

opacity: 0.5;

border-radius: 50px 0px 0px 50px;

width: 15%;

height: 25vh;

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？

我也遇到这个问题，只识别第一个设置值，没办法画半圆，希望官方早日解决