uni-app css 圆角

uni-app CSS 中设置圆角（border-radius）的方法与常规 CSS 类似。为了给元素添加圆角，你可以直接在选择器后面定义 `border-radius` 属性，并指定你需要的四个角落的半径值，或者是用两个值分别表示上左和右下角，或者用单独的值表示所有角的相同大小。

例如：

/* 给所有的 .my-circle 类应用圆角 */
.my-circle {
  border-radius: 10px; /* 全局相同的半径 */
}

/* 或者针对每个角分别设置 */
.my-square-cornered {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* 如果四边都有圆角 */
.square-rounded {
  border-radius: 5px 5px 5px 5px; 
}

/* 也可以使用简写形式，只提供两个值表示水平方向 */
.rounded-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

如果你想要创建响应式的圆角，可以利用媒体查询（media queries），根据设备屏幕尺寸调整圆角值。

需要注意的是，uni-app 在某些特殊情况下可能需要特殊的语法或处理，但基本原理保持一致。如果遇到兼容性问题，可以查阅官方文档或查看相关社区解决方案。