问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 微信小程序 Bug iOS 9.1 iPhone6p 6.7.3

- 当前 Bug 的表现（可附上截图）

这是真机上的效果，border-radius不起作用，地图模式这个view是左上和左下是圆角，现在整个view都是圆角；列表模式这边的view是右上和右下是圆角，现在这个列表模式的view都没有变为圆角


- 预期表现


这是开发者工具上预览的效果，border-radius正常显示


这是wxml代码：


地图模式
列表模式




这是wxss样式：
.mapmodel{
/* -webkit-border-radius: 20px 0px 0px 20px;
-moz-border-radius: 20px 0px 0px 20px;
border-radius: 20px 0px 0px 20px; */


border-top-left-radius:20em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:20em;
float:left;
padding-left:0px;
font-size:16px;
line-height:40px;
background:#1998f9;
color:#fff;
width:100px;
height:42px;
}
.listmodel{
/* -webkit-border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
border-radius: 0px 20px 20px 0px; */


border-top-left-radius:0em;
border-top-right-radius:20em;
border-bottom-right-radius:20em;
border-bottom-left-radius:0em;
border:1px solid #1998f9;
float:left;
padding-left:0px;
font-size:16px;
line-height:40px;
background:#fff;
color:#909090;
width:100px;
height:40px;
}

微信小程序开发问题解答