<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello'  
            }  
        },  
        onLoad() {  
        },  
        methods: {  
        }  
    }  
</script>  
<style>  
    .logo {  
        margin: 275rpx;  
        height: 200rpx;  
        width: 200rpx;  
        border-radius: 100rpx;  
        border-width: 10rpx;  
        border-color: #000000;  
        border-style: solid;  
    }  
</style> 
                                        
                                    
                                    - 发布:2021-02-06 21:42
- 更新:2021-03-15 16:15
- 阅读:1225
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.2
手机系统: Android
手机系统版本号: Android 11
手机厂商: 小米
手机机型: 小米10
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
                                    
                                    
                                         
                                
                                                                                                操作步骤:
                                    
                                        直接运行代码或者下载附件代码
                                     
                                
                                                                                                直接运行代码或者下载附件代码
预期结果:
                                    
                                    
                                        圆角正常。
                                     
                                
                                                                                                圆角正常。
实际结果:
                                    
                                    
                                        图片不圆。
                                     
                                
                                                            图片不圆。
bug描述:
在Nvue下,给image标签 添加圆角样式以及描边样式,会出现圆角不圆的问题。
描边越粗,越不圆。
vue下无此问题。
 
                                                                                                                                                                                                                                                                                                
                                    
                                    
                                    
                                                                                                         
             
             
             
			 
                                                                     
                                                                    