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