UserInfoButton wx.createUserInfoButton(Object object)

支持版本 >= 2.0.1

创建用户信息按钮

参数

Object object
属性 类型 默认值 是否必填 说明 支持版本
type string 是 按钮的类型
text string 是 按钮上的文本，仅当 type 为 text 时有效
image string 是 按钮的背景图片，仅当 type 为 image 时有效
style Object 是 按钮的样式
withCredentials boolean 是 是否带上登录态信息。当 withCredentials 为 true 时，要求此前有调用过 wx.login 且登录态尚未过期，此时返回的数据会包含 encryptedData, iv 等敏感信息；当 withCredentials 为 false 时，不要求有登录态，返回的数据不包含 encryptedData, iv 等敏感信息。
lang string en 否 描述用户信息的语言

type 的合法值

值 说明
text 可以设置背景色和文本的按钮
image 只能设置背景贴图的按钮，背景贴图会直接拉伸到按钮的宽高

style 的结构

属性 类型 默认值 是否必填 说明 支持版本
left number 是 左上角横坐标
top number 是 左上角纵坐标
width number 是 宽度
height number 是 高度
backgroundColor string 是 背景颜色
borderColor string 是 边框颜色
borderWidth number 是 边框宽度
borderRadius number 是 边框圆角
textAlign string 是 文本的水平居中方式
fontSize number 是 字号
lineHeight number 是 文本的行高

style.textAlign 的合法值

值 说明
left 居左
center 居中
right 居右

object.lang 的合法值

值 说明
en 英文
zh_CN 简体中文
zh_TW 繁体中文

返回值

UserInfoButton

示例代码

  1. let button = wx.createUserInfoButton({
  2.     type: 'text',
  3.     text: '获取用户信息',
  4.     style: {
  5.         left: 10,
  6.         top: 76,
  7.         width: 200,
  8.         height: 40,
  9.         lineHeight: 40,
  10.         backgroundColor: '#ff0000',
  11.         color: '#ffffff',
  12.         textAlign: 'center',
  13.         fontSize: 16,
  14.         borderRadius: 4
  15.     }
  16. })
  17. button.onTap((res) = > {
  18.     console.log(res)
  19. })

原文: https://developers.weixin.qq.com/minigame/dev/api/open-api/user-info/wx.createUserInfoButton.html