小程序中的问题 ---先记录下来 关于圆角border-radius 和 padding 一起使用导致圆角特别丑的问题

今天修改小程序的样式：
发现设置了padding值和border-radius会导致圆角特别丑
代码如下：

.banner .slide-image-1 {
  width: 100%;
  height: 250rpx;
   padding:0 10rpx; 
  border-radius: 30rpx;
  overflow: hidden;
}

效果如图：

然后注释掉 padding：0 10rpx;
效果如图

这个问题，如果有大神知道，希望告知一下。

这个是通过查看小伙伴受到启发的。微信小程序中border-radius设置之后图片四个角的弧度不一样 感谢！！！