UserInfoButton wx.createUserInfoButton(Object object)

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)
})