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

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

2023-11-09 128
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 小程序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;
}
文章标签：
小程序
关键词：
小程序圆形
祈澈菇凉
目录
相关文章
一个大长腿.
|
小程序 JavaScript
小程序授权获取头像
小程序授权获取头像
一个大长腿.
148 0
小马大咖
|
存储 缓存 小程序
微信小程序如何获取微信昵称和头像
微信小程序如何获取微信昵称和头像
小马大咖
490 0
朝阳39
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
朝阳39
235 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
锅盖哒
|
小程序
微信小程序获取头像和名称
微信小程序获取头像和名称
锅盖哒
176 0
朝阳39
|
小程序
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
朝阳39
182 0
温柔归故里
|
小程序 API
微信小程序获取昵称，头像
微信小程序获取昵称，头像
温柔归故里
232 0
祈澈菇凉
|
小程序 JavaScript 程序员
小程序新方法 open-type获取头像昵称
小程序新方法 open-type获取头像昵称
祈澈菇凉
414 0
祈澈菇凉
|
小程序
小程序获取的用户头像怎么做成圆形
小程序获取的用户头像怎么做成圆形
祈澈菇凉
182 0
anycodes.cn
|
存储 人工智能 小程序
一天完成基于Serverless架构的头像漫画风处理小程序
我一直都想要有一个漫画版的头像，奈何手太笨，用了很多软件 “捏不出来”，所以就在想着，是否可以基于 AI 实现这样一个功能，并部署到 Serverless 架构上让更多人来尝试使用呢。
anycodes.cn
597 2
一天完成基于Serverless架构的头像漫画风处理小程序
justin3go
|
小程序 程序员 API
小程序(uniapp)上传头像至OSS(阿里云)--保姆级
前言 自微信小程序改版以来，现在获取用户的头像和昵称就不能直接通过wx.getUserInfo获取了。而是需要用户主动在登录后填写自己的昵称和头像，微信只是提供一个一键填写的快捷操作让用户直接使用自己已有的微信昵称或头像。
justin3go
5010 1

热门文章

最新文章

  • 1
    市面上的小程序平台对比
  • 2
    市面上小程序平台的跨平台框架有哪些优缺点？
  • 3
    小程序跨平台框架未来的发展趋势是什么？
  • 4
    app 引入小程序平台后有哪些优点
  • 5
    小程序制作平台哪个好？小程序开发工具推荐
  • 6
    小程序开发平台有哪些？小程序开发制作软件推荐
  • 7
    小程序快速开发平台有哪些？哪个好
  • 8
    基于微信小程序的校园外卖订餐配送系统
  • 9
    小程序开发平台有哪些？小程序制作平台哪个好
  • 10
    小程序开发平台有哪些？SaaS小程序制作平台哪个好
  • 1
    2025商业版拓展校园圈子论坛网络的创新解决方案:校园跑腿小程序系统架构
    176
  • 2
    小程序微信分享功能如何开发？开放平台已绑定仍不能使用的问题？-优雅草卓伊凡
    1272
  • 3
    uni-app+vue3接入deepseek-v3搭建跨端ai流式(小程序+app+h5)
    1045
  • 4
    小程序与快应用：中国移动互联网的渐进式革命——卓伊凡的技术演进观
    217
  • 5
    微信百度字节小程序包过大解决方案（实战经验总结）-优雅草卓伊凡|果果|小无
    458
  • 6
    蚂蚁百宝箱 3 分钟上手 MCP：6 步轻松构建 Qwen3 智能体应用并发布小程序
    847
  • 7
    陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
    603
  • 8
    工会成立100周年纪念，开发职工健身AI运动小程序、APP方案推荐
    224
  • 9
    weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
    544
  • 10
    weixin168“返家乡”高校暑期社会实践微信小程序设计与开发ssm(文档+源码)_kaic
    202

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 《云市场-小程序》
  • 数字乡村建设方案
  • mPaaS 小程序新品发布
    • 下一篇
    一文了解：阿里云对象存储OSS是什么？