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
示例代码
const 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)
})