真机调试,打开调试模式,看到如下警告信息,查看后,发现wxss中有如下样式
.a-view image { width: 50rpx; height: 50rpx; border-radius: 50%; overflow: hidden; }
组件样式,规则如下:(查看更多:组件模板和样式)
原因:image在组件中不能使用,需要给<image>标签添加class="img"
wxss改为:
.a-view .img { width: 50rpx; height: 50rpx; border-radius: 50%; overflow: hidden; }