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 边框圆角
color string 文本的颜色。格式为 6 位 16 进制数。
textAlign string 文本的水平居中方式
fontSize number 字号
lineHeight number 文本的行高

style.textAlign 的合法值

说明 最低版本
left 居左
center 居中
right 居右

object.lang 的合法值

说明 最低版本
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)
})