当前位置:   article > 正文

【小程序】wx.showLoading()、wx.getUserInfo()

wx.showloading

wx.showLoading(Object object)

显示 loading 提示框。需主动调用 wx.hideLoading才能关闭提示框

参数

Object object (红色框为常用)

在这里插入图片描述

代码示例

wx.showLoading({
   
    title: '加载中',
    mask: true
})

setTimeout(function () {
   
    wx.hideLoading()
}, 2000)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

效果

在这里插入图片描述

注意

  • wx.showLoadingwx.showToast同时只能显示一个
  • wx.showLoading应与 wx.hideLoading配对使用

常用在:onLoad()生命周期中,当数据未加载完成时,先显示加载框,给用户友好提示!!

wx.getUserInfo(Object object)

调用前需要用户授权scope.userInfo

获取用户信息

参数

Object object (红色框为常用)

在这里插入图片描述

object.success 回调函数

参数
Object res (红色框为常用)

在这里插入图片描述
在这里插入图片描述

接口说明

用户未授权过的情况下调用此接口,将不再出现授权弹窗,会直接进入fail回调。在用户已授权的情况下调用此接口,可成功获取用户信息

代码示例

// 必须是在用户已经授权的情况下调用
wx.getUserInfo({
   
    withCredentials: true,
    success: function(res) {
   
        var userInfo = res.userInfo;
        var nickName = userInfo.nickName;
        var avatarUrl = userInfo.avatarUrl;
        var gender = userInfo.gender; // 性别 0:未知、1:男、2:女
        var province <
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小桥流水78/article/detail/781475
推荐阅读
相关标签
  

闽ICP备14008679号