大明子
大明子
  • 发布:2021-02-06 21:42
  • 更新:2021-03-15 16:15
  • 阅读:1057

【报Bug】Nvue下 图片使用圆角标签,不圆的问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.2

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: 小米10

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<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>

操作步骤:

直接运行代码或者下载附件代码

预期结果:

圆角正常。

实际结果:

图片不圆。

bug描述:

在Nvue下,给image标签 添加圆角样式以及描边样式,会出现圆角不圆的问题。

描边越粗,越不圆。

vue下无此问题。

2021-02-06 21:42 负责人:无 分享
已邀请:
突然好想你

突然好想你

顶一下,好像确实存在这个问题

大明子

大明子 (作者)

等回复

DCloud_Android_ST

DCloud_Android_ST

问题已确认

该问题目前已经被锁定, 无法添加新回复