收藏
回答

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

操作系统 操作系统版本 手机型号 微信版本
Android android7 华为 v1.02.1801081


.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

最后一次编辑于  2018-01-17
回答关注问题邀请回答
收藏

3 个回答

  • 乘
风
破
浪
    乘 风 破 浪
    2018-02-05

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

    2018-02-05
    有用 1
    回复
  • 2018-02-05

    已解决 蟹蟹

    2018-02-05
    有用
    回复 1
    • 水木空明
      水木空明
      2018-09-29

      请问怎么解决的,我遇到同样的问题

      2018-09-29
      回复
  • 2018-02-05

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


    2018-02-05
    有用
    回复
登录 后发表内容