WXOPEN Club

cover-view设置border-top-right-radius出bug

发布于 7 年前作者 xiongwei9009 次浏览最后编辑 7 年前来自 ask
.content .list{
 width: 200px;
 height: 50px;
 border-bottom-left-radius: 5px;
 border-top-left-radius: 5px;  
 background:#fff;
 margin-bottom: 30px;‍match‍match‍‍
}
.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 回复
wenxiuying
wenxiuying1 楼6 年前

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

duanjuan
duanjuan2 楼6 年前

已解决 蟹蟹

juanwang
juanwang3 楼5 年前

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