微信中头像形状都是矩形的。我们的页面大部分要求头像要显示圆形，例如
做法
在.wxss文件中，添加即可
.avatar{
height: 50px;
width: 50px;
border-radius: 25px;
}在.wxml中的image中元素，引用这个样式即可
<image src='{{ic_avatar}}' class='avatar'></image>
微信小程序显示圆形图片
2018-08-31
2388
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
微信中头像形状都是矩形的。我们的页面大部分要求头像要显示圆形，例如做法在.wxss文件中，添加即可.avatar{ height: 50px; width: 50px; border-radius: 25px;}在.
目录
相关文章
|
10天前
|
小程序
JavaScript
API
|
3月前
|
小程序
开发者
【微信小程序-原生开发】实用教程05-首页（含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片）
【微信小程序-原生开发】实用教程05-首页（含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片）
47
0
0
|
1月前
|
小程序
|
10天前
|
算法
小程序
Java
|
2月前
|
小程序
前端开发
|
2月前
|
运维
小程序
前端开发
|
3月前
|
小程序
前端开发
|
3月前
|
前端开发
小程序
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
399
0
1
|
3月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp小程序的图片推荐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的图片推荐系统附带文章源码部署视频讲解等
40
0
0
|
3月前
|
小程序
JavaScript
前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
108
0
0