AI 助理
备案控制台
开发者社区 云计算 文章 正文

小程序open-data的圆形用户头像实现

2023-11-09 60
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 小程序open-data的圆形用户头像实现

wxml

<view class="page-body-info ">
<open-data type='userAvatarUrl' class="userinfo" mode="cover"></open-data>
<open-data type="userNickName"  ></open-data> 
</view>

wxss

.page-body-info {
  text-align: center; 
}
.userinfo{
    width:200rpx;
    height: 200rpx;
    margin: 0 auto;
    border-radius: 50%;
    display:flex;
    overflow: hidden;
}
文章标签：
小程序
关键词：
小程序圆形
祈澈菇凉
目录
相关文章
一个大长腿.
|
4月前
|
小程序 JavaScript
小程序授权获取头像
小程序授权获取头像
一个大长腿.
67 0
小马大咖
|
存储 缓存 小程序
微信小程序如何获取微信昵称和头像
微信小程序如何获取微信昵称和头像
小马大咖
218 0
朝阳39
|
2月前
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
朝阳39
41 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
朝阳39
|
2月前
|
小程序
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
朝阳39
49 0
锅盖哒
|
小程序
微信小程序获取头像和名称
微信小程序获取头像和名称
锅盖哒
90 0
温柔归故里
|
4月前
|
小程序 API
微信小程序获取昵称，头像
微信小程序获取昵称，头像
温柔归故里
82 0
祈澈菇凉
|
10月前
|
小程序 JavaScript 程序员
小程序新方法 open-type获取头像昵称
小程序新方法 open-type获取头像昵称
祈澈菇凉
234 0
祈澈菇凉
|
10月前
|
小程序
小程序获取的用户头像怎么做成圆形
小程序获取的用户头像怎么做成圆形
祈澈菇凉
66 0
冰海恋雨.
|
小程序 JavaScript
微信小程序获取用户头像和姓名
微信小程序获取用户头像和姓名
冰海恋雨.
185 0
哥很冷漠
|
小程序 API
微信小程序获取昵称，头像
微信小程序获取昵称，头像
哥很冷漠
158 0

热门文章

最新文章

  • 1
    阿里20亿小程序繁星计划你最需要知道的几个问题（0325更新）
  • 2
    小程序审核常见驳回类型
  • 3
    客观解析开发小程序该选择模板还是定制开发？
  • 4
    阐述“羊了个羊”游戏APP小程序系统开发逻辑方案（源码部署哦）
  • 5
    支付宝小程序开发说明
  • 6
    基于Taro的微信小程序分享图片功能实践
  • 7
    【OSS】支付宝小程序直传OSS实践
  • 8
    微信小程序把玩（二十二）action-sheet组件
  • 9
    检测本机是否安装JRE的小程序
  • 10
    python爬虫学习小程序
  • 1
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
    374
  • 2
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（一）
    175
  • 3
    轻松学会微信小程序开发（一）
    181
  • 4
    使用阿里云短信+微信短链接跳转微信小程序
    304
  • 5
    【专栏】小程序图片合成就绪渲染的转变，从异步并发渲染到同步阻塞渲染
    67
  • 6
    微信小程序开发1
    120
  • 7
    选课小程序
    54
  • 8
    python背单词小程序
    42
  • 9
    关于抖音小程序数据加载速度优化
    89
  • 10
    抖音小程序开发中遇见的坑点
    108

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 《云市场-小程序》
  • 数字乡村建设方案
  • mPaaS 小程序新品发布

    • 相关实验场景

    更多
  • 1分钟SAE部署PHP商城小程序
  • 阿里云IoT小程序应用开发和组件实践
  • 搭建IoT小程序开发环境，创建一个应用
  • EMAS Serverless搭建《私人云相册》小程序
  • 基于小程序Serverless开发个人相册小程序
    • 下一篇
    基于LNMP搭建WordPress