border-radius: 20px;
![机车圈](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/67/84/48_avatar_mid.jpg?v=1657041634)
- 发布:2022-11-22 15:46
- 更新:2022-11-24 00:00
- 阅读:296
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13.0
HBuilderX类型: 正式
HBuilderX版本号: 3.6.10
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: mi11
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
图片显示正常
图片显示正常
实际结果:
图片显示丢帧模糊
图片显示丢帧模糊
机车圈 (作者)
<template>
<view class="content" style="flex: 1;">
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>
2022-11-22 16:25
机车圈 (作者)
demo示例在下面发您了
2022-11-22 16:27
机车圈 (作者)
nvue 只要设置了圆角同时设置了宽和高,图片就一定有问题
border-radius: 10px;
width: 300rpx;
height: 400rpx;
2022-11-22 16:30