<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
- 阅读：897
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.2
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 小米10
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
直接运行代码或者下载附件代码
直接运行代码或者下载附件代码
预期结果：
圆角正常。
圆角正常。
实际结果：
图片不圆。
图片不圆。
bug描述：
在Nvue下，给image标签 添加圆角样式以及描边样式，会出现圆角不圆的问题。
描边越粗，越不圆。
vue下无此问题。
