微信中头像形状都是矩形的。我们的页面大部分要求头像要显示圆形，例如
做法
在.wxss文件中，添加即可
.avatar{
height: 50px;
width: 50px;
border-radius: 25px;
}在.wxml中的image中元素，引用这个样式即可
<image src='{{ic_avatar}}' class='avatar'></image>
微信小程序显示圆形图片
2018-08-31
2444
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
微信中头像形状都是矩形的。我们的页面大部分要求头像要显示圆形，例如做法在.wxss文件中，添加即可.avatar{ height: 50px; width: 50px; border-radius: 25px;}在.
目录
相关文章
|
1天前
|
人工智能
自然语言处理
使用企业微信或公众号自动回复图片消息
AppFlow支持企业微信和公众号接收图片消息，并提供两种回复方式。方式一：直接回复图片消息，用户发送图片后立即收到回复，但无法继续追问。方式二：先保存图片，待用户发送文字后再一并处理并回复。配置步骤包括选择模板、配置鉴权信息、设置执行动作参数及发布连接流。详细操作可参考相关文档。
45
0
0
|
4月前
|
小程序
|
6月前
|
小程序
开发者
【微信小程序-原生开发】实用教程05-首页（含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片）
【微信小程序-原生开发】实用教程05-首页（含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片）
92
0
0
|
3月前
|
小程序
JavaScript
API
|
3月前
|
算法
小程序
Java
|
5月前
|
小程序
前端开发
|
5月前
|
运维
小程序
前端开发
|
6月前
|
前端开发
小程序
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
440
0
1
|
6月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp小程序的图片推荐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的图片推荐系统附带文章源码部署视频讲解等
66
0
0
|
6月前
|
小程序
JavaScript
前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
201
0
0
热门文章
最新文章
1
农历节日倒计时：基于Python的公历与农历日期转换及节日查询小程序
2
圈子社交app前端+后端源码，uniapp社交兴趣圈子开发，框架php圈子小程序安装搭建
3
结合圈层营销策略，打造稳定可靠的圈子app系统，圈子小程序！
4
使用php开发圈子系统特点，如何获取圈子系统源码，社交圈子运营以及圈子系统的功能特点，圈子系统，允许二开，免费源码，APP 小程序 H5
5
【一步步开发AI运动小程序】十七、如何识别用户上传视频中的人体、运动、动作、姿态？
6
小程序免费SSL证书获取申请
7
清晰易懂！陪玩系统源码搭建的核心功能，陪玩小程序、陪玩app的搭建步骤！
1
【微信小程序开发实战项目】——个人中心页面的制作
357
2
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（3）
155
3
尝试使用阿里云服务器搭建微信小程序
190
4
基于微信小程序餐厅点餐系统设计与实现(源码+lw+部署文档+讲解等)
489
5
基于微信小程序便捷记账系统设计与实现(源码+lw+部署文档+讲解等)
186
6
基于SpringBoot+Vue的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
108
7
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
108
8
基于SpringBoot+Vue+uniapp的传统戏曲推广微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
78
9
基于SpringBoot+Vue+uniapp的“鼻护灵”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
55
10
基于SpringBoot+Vue+uniapp的“财来财往”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
60