# UserInfoButton wx.createUserInfoButton(Object object)

基础库 2.0.1 开始支持,低版本需做兼容处理。

微信 鸿蒙 OS 版:支持

# 功能描述

创建用户信息按钮。使用前请参考 用户信息获取

# 参数

# Object object

属性 类型 默认值 必填 说明
type string 是 按钮的类型。
合法值 说明
text 可以设置背景色和文本的按钮
image 只能设置背景贴图的按钮,背景贴图会直接拉伸到按钮的宽高
text string 否 按钮上的文本,仅当 type 为 text 时有效
image string 否 按钮的背景图片,仅当 type 为 image 时有效
style Object 是 按钮的样式
结构属性 类型 默认值 必填 说明
left number 是 左上角横坐标
top number 是 左上角纵坐标
width number 是 宽度
height number 是 高度
backgroundColor string 是 背景颜色
borderColor string 否 边框颜色
borderWidth number 否 边框宽度
borderRadius number 否 边框圆角
color string 否 文本的颜色。格式为 6 位 16 进制数。
textAlign string 否 文本的水平居中方式
合法值 说明
left 居左
center 居中
right 居右
fontSize number 否 字号
lineHeight number 否 文本的行高
withCredentials boolean true 否 是否带上登录态信息。当 withCredentials 为 true 时,要求此前有调用过 wx.login 且登录态尚未过期,此时返回的数据会包含 encryptedData, iv 等敏感信息;当 withCredentials 为 false 时,不要求有登录态,返回的数据不包含 encryptedData, iv 等敏感信息。
lang string en 否 描述用户信息的语言
合法值 说明
en 英文
zh_CN 简体中文
zh_TW 繁体中文

# 返回值

# UserInfoButton

# 示例代码


let button = wx.createUserInfoButton({
  type: 'text',
  text: '获取用户信息',
  style: {
    left: 10,
    top: 76,
    width: 200,
    height: 40,
    lineHeight: 40,
    backgroundColor: '#ff0000',
    color: '#ffffff',
    textAlign: 'center',
    fontSize: 16,
    borderRadius: 4
  }
})
button.onTap((res) => {
  console.log(res)
})

点击咨询小助手