6***@qq.com
6***@qq.com
  • 发布:2024-06-28 09:26
  • 更新:2024-06-28 09:46
  • 阅读:238

Uni-app中nvue页面下image图片读取网络url时无法显示为圆形

分类:uni-app

在uni-app nvue页面下时,Image标签读取本地文件时,
css样式如下:
.user-info-avatar {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
}
此时图片可以显示未圆形
<image class="user-info-avatar" src="/static/test/touxiang.jpg" :style="'z-index:1'"></image>

若使用,则无法显示圆形(网络连接图片与静态资源图片均是正方形)
<image class="user-info-avatar" :src="itemInfo.avatar" :style="'z-index:1'"></image>

该如何解决?

2024-06-28 09:26 负责人:无 分享
已邀请:
十二112

十二112

nvue下百分比值无效,使用固定值
border-radius: 100rpx;

要回复问题请先登录注册