微信小程序获取微信头像和名称（微信小程序摸索第十二天）

先上图

.wxml文件

<!-- 获取微信头像和名字 -->
<view class="b1 float"><view class="head float"><open-data type="userAvatarUrl"></open-data></view><view class="name float"><open-data type="userNickName"></open-data></view>
</view>

.wxss文件

page{background-color: rgb(255, 255, 255);
}
.b1{width:100%;height: 200rpx;margin-bottom: 40rpx;background-color: rgb(0, 197, 232);border-style: 6px solid #f5f5f5f5;
}
.head{overflow: hidden;border-radius: 60%;width: 160rpx;height: 160rpx;margin: 20rpx 10rpx;
}.name{line-height: 60rpx;width: 60rpx;height: 40rpx;margin: 100rpx 30rpx;font-size: 30rpx;
}.float{float: left;
}

获取微信头像和名称是固定用法，官方文档中还有其他的介绍，感兴趣的朋友可以去看一下。希望可以帮助到大家！希望大家多多支持我，后续会更新其他的小程序前端技术。

微信小程序获取微信头像和名称（微信小程序摸索第十二天）相关推荐

php获取微信小程序用户头像,微信小程序获取用户头像+昵称+openid，小程序登录！附前端后端源码！...
做一款小程序,如果需要判断用户,当然要获取一些基本信息,例如头像,昵称,openid.所以本次案例就直接上代码了. 小程序前端 index.wxml 获取头像昵称 {{userInfo.nickNam ...
小程序获取用户头像大图小程序获取用户头像模糊的问题小程序自定义转发头像模糊小程序自定义转发分享大图...
在开发小程序的时候,大家肯定有做过自定义转发分享图片的.我们现在做了一个名片小程序,需要做的一个功能就是,用户在转发分享自己的名片,在微信里显示的小程序缩略图,我们使用的是用户的微信头像,但是发现一个 ...
微信小程序获取个人头像和昵称，和地图选点功能
微信小程序获取个人头像和昵称,有技巧 1.可以直接获取 2.通过用户点击获取过程中,有什么问题,可以加我微信号yizheng369探讨先分析这里面隐含了很多默认的规则,大家要注意: 1.可以直接 ...
微信小程序获取用户头像昵称
微信小程序获取头像昵称问题解决文章目录微信小程序获取头像昵称问题解决前言和传统方法问题描述解决方案实现效果前言和传统方法微信小程序是一种基于微信开发平台的轻应用,用户可以通过微信扫码. ...
微信小程序获取系统日期和时间 —— 微信小程序教程系列（17）
获取当前系统日期和时间在小程序中,新建项目时,就会有一个utils.js文件,就是获取日期和时间的,代码如下: utils.js: function formatTime(date) {var ye ...
微信小程序—获取用户头像、昵称
博客概要针对使用微信小程序时获取用户头像.昵称的三种方法,做一个简单分享~ 文章目录博客概要 1.wx.getUserInfo接口 2.button触发 3.open-data标签总结 1.wx ...
微信小程序获取用户头像昵称组件封装（最新版）
一.前言微信小程序将在2022年11月08日对获取用户头像昵称信息的API再一次进行改动,这次的改动比较大. 更多详情查看公告:公告直达链接我的项目比较多,而且大部分都是只需要获取用户的头像以及昵 ...
微信小程序获取用户头像和昵称
由于微信回收了open-data,头像返回了默认头像,昵称返回了微信用户,大家都骂骂咧咧的把getUserInfo改成了getUserProfile,getUserProfile这个api需要tap才 ...
微信小程序获取用户头像并显示出来，很简单一行代码搞定！
<open-data type="userAvatarUrl"></open-data> 小程序提供的组件,可以自己获取用户头像并显示出来:效果图如下:
微信小程序获取用户头像昵称等信息规则更新
以前是这样的 <button open-type="getUserInfo" @getuserinfo="getuserinfo">获取</b ...

微信小程序获取微信头像和名称（微信小程序摸索第十二天）

微信小程序获取微信头像和名称（微信小程序摸索第十二天）相关推荐

最新文章

热门文章