页面引入https://ext.dcloud.net.cn/plugin?id=4531#detail 插件，在nvue 页面设置 .show-view 样式 border-radius 1000px
x***@126.com
- 发布：2022-04-24 15:25
- 更新：2022-04-25 20:54
- 阅读：539
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win7
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
手机系统： Android
手机系统版本号： Android 10
手机厂商： 联想
手机机型： ipad
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
border-radius 1000px 圆形
border-radius 1000px 圆形
实际结果：
border-radius 1000px 方形
border-radius 1000px 方形
bug描述：
``` javascript <view class="show-view" :style="{'width':cirw+'px','height':cirh+'px'}" style="border-radius: 1000px;">
<CameraPreview ref="CameraPreview" class="hw-push" :style="{'width':sw+'px','height':sh+'px','margin-left':py+'px'}" style="border-radius: 1000px;"></CameraPreview>
<view class="cramBg">
<view class="cir" v-if="showgif">
<image src="../../../static/audio/1.gif" class="cramimg" mode="scaleToFill"></image>
<image src="../../../static/audio/2.png" class="icon1" mode="scaleToFill"></image>
</view>
</view>
</view >
.show-view {
flex-direction: row;
border-radius: 1000px;
overflow: hidden;
position: relative;
}
.center_view {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.hw-push {
height: 600px;
width: 1066px;
border-radius: 1000px;
margin-left: -200px;
}
x***@126.com (作者)
已经确定是overflow:hidden 失效
2022-04-26 09:23