UserInfoButton wx.createUserInfoButton(Object object)

基础库 2.0.1 开始支持,低版本需做兼容处理

创建用户信息按钮

参数

Object object

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

type 的合法值

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

style 的结构

属性类型默认值必填说明
leftnumber左上角横坐标
topnumber左上角纵坐标
widthnumber宽度
heightnumber高度
backgroundColorstring背景颜色
borderColorstring边框颜色
borderWidthnumber边框宽度
borderRadiusnumber边框圆角
colorstring文本的颜色。格式为 6 位 16 进制数。
textAlignstring文本的水平居中方式
fontSizenumber字号
lineHeightnumber文本的行高

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