cover-view设置border-top-right-radius出bug
发布于 6 年前 作者 xiongwei 8908 次浏览 来自 问答
.content .list{
 width: 200px;
 height: 50px;
 border-bottom-left-radius: 5px;
 border-top-left-radius: 5px;  
 background:#fff;
 margin-bottom: 30px;matchmatch
}
.content .list .left{
 width: 20px;
 height: 50px;
 border-bottom-left-radius: 5px;
 border-top-left-radius: 5px;
 background: #fd713e;

}


<cover-view class='list' bindtap='popShow'>

<cover-view class='left'>

 <cover-image src='#' class='right-img'></cover-image>

</cover-view>

</cover-view>




我设置左侧的border-radius在模拟器上正常,在真机上显示全部是圆角,我想要左上角和左下角圆角,并不是四个角都是圆角。match

3 回复

不好用。你在外面加一层view,设置overflow:hidden;然后调整子元素位置,利用这个挡住你不想要的角。

已解决 蟹蟹

我的也是这样  ,同问 border-top:   在真机上好使吗?

回到顶部