.card {
position: relative;
overflow: hidden;
border-radius: 10rpx;
}
.num {
position: absolute;
right: 0;
bottom: 0;
left: 0;
align-items: center;
flex-direction: row;
&-place {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 60rpx;
}
}
青阳_1900
- 发布：2021-05-06 17:12
- 更新：2021-05-10 21:00
- 阅读：602
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： macOS Big Sur 11.2.3
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： MI 8
页面类型： nvue
打包方式： 云端
项目创建方式： CLI
CLI版本号： v2.0.0-alpha-31920210429002
示例代码：
操作步骤：
参考代码示例
参考代码示例
预期结果：
- 安卓下父级设置 overflow: hidden; border-radius:10rpx 显示不正确
- 安卓下设置 position: absolute; right: 0; 时，右侧会有 1px 的空隙
- 安卓下父级设置 overflow: hidden; border-radius:10rpx 显示不正确
- 安卓下设置 position: absolute; right: 0; 时，右侧会有 1px 的空隙
实际结果：
- 显示正确
- 没有空隙
- 显示正确
- 没有空隙
bug描述：
- 安卓下父级设置 overflow: hidden; border-radius:10rpx 时显示不正确
- 安卓下设置 position: absolute; right: 0; 时，右侧会有 1px 的空隙
青阳_1900 (作者)
你可以在nvue下尝试下，我的问题不是圆角不能实现，而是nvue在iOS和android下nvue对 overflow的实现有差异，以及绝对定位时，android 存在1px偏差的问题。和css没关系，我不是为了让别人告诉我怎么解决这个问题而提问题，我自己知道怎么解决，而是这个问题不应该是问题，需要uni团队处理
2021-05-19 10:10