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

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

2023-11-09 89
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 小程序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;
}
文章标签：
小程序
关键词：
小程序圆形
祈澈菇凉
目录
相关文章
一个大长腿.
|
9月前
|
小程序 JavaScript
小程序授权获取头像
小程序授权获取头像
一个大长腿.
98 0
小马大咖
|
存储 缓存 小程序
微信小程序如何获取微信昵称和头像
微信小程序如何获取微信昵称和头像
小马大咖
284 0
朝阳39
|
7月前
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
朝阳39
104 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
朝阳39
|
7月前
|
小程序
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
朝阳39
93 0
锅盖哒
|
小程序
微信小程序获取头像和名称
微信小程序获取头像和名称
锅盖哒
128 0
温柔归故里
|
9月前
|
小程序 API
微信小程序获取昵称，头像
微信小程序获取昵称，头像
温柔归故里
146 0
祈澈菇凉
|
小程序 JavaScript 程序员
小程序新方法 open-type获取头像昵称
小程序新方法 open-type获取头像昵称
祈澈菇凉
304 0
祈澈菇凉
|
小程序
小程序获取的用户头像怎么做成圆形
小程序获取的用户头像怎么做成圆形
祈澈菇凉
103 0
justin3go
|
小程序 程序员 API
小程序(uniapp)上传头像至OSS(阿里云)--保姆级
前言 自微信小程序改版以来，现在获取用户的头像和昵称就不能直接通过wx.getUserInfo获取了。而是需要用户主动在登录后填写自己的昵称和头像，微信只是提供一个一键填写的快捷操作让用户直接使用自己已有的微信昵称或头像。
justin3go
4016 1
冰海恋雨.
|
小程序 JavaScript
微信小程序获取用户头像和姓名
微信小程序获取用户头像和姓名
冰海恋雨.
211 0

热门文章

最新文章

  • 1
    微信小程序 app.json 配置文件解析与应用
  • 2
    微信小程序与Java后端实现微信授权登录功能
  • 3
    【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码：完全免费+实战教程+微信贪吃蛇小程序
  • 4
    微信小程序默认的文字内容在左上角怎么办？带你0基础快速了解skyline渲染模式。
  • 5
    基于Uniapp+php校园小程序，校园圈子论坛系统功能，校园跑腿二手交流功能设计
  • 6
    uniapp跨平台框架，陪玩系统并发性能测试，小程序源码搭建开发解析
  • 7
    打造无缝社交体验：多平台适配，开启线上线下陪玩系统小程序社交新时代
  • 8
    原生微信小程序笔记完整总结
  • 9
    10分钟搭建微信小程序ecs【2月更文挑战第07天】
  • 10
    thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
  • 1
    【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码：完全免费+实战教程+微信贪吃蛇小程序
    154
  • 2
    10分钟搭建微信小程序ecs【2月更文挑战第07天】
    35
  • 3
    微信小程序与Java后端实现微信授权登录功能
    133
  • 4
    uniapp跨平台框架，陪玩系统并发性能测试，小程序源码搭建开发解析
    58
  • 5
    打造无缝社交体验：多平台适配，开启线上线下陪玩系统小程序社交新时代
    53
  • 6
    基于Uniapp+php校园小程序，校园圈子论坛系统功能，校园跑腿二手交流功能设计
    71
  • 7
    微信小程序 app.json 配置文件解析与应用
    137
  • 8
    thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
    27
  • 9
    原生微信小程序笔记完整总结
    43
  • 10
    微信小程序默认的文字内容在左上角怎么办？带你0基础快速了解skyline渲染模式。
    86

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

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

    • 相关实验场景

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