wx.createUserInfoButton · 微信小游戏开发API官方文档

# wx.createUserInfoButton ### 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是边框圆角textAlignstring是文本的水平居中方式fontSizenumber是字号lineHeightnumber是文本的行高**style.textAlign 的合法值** 值说明left居左center居中right居右**object.lang 的合法值** 值说明en英文zh\_CN简体中文zh\_TW繁体中文#### 返回值 ##### UserInfoButton #### 示例代码 ``` <pre class="prettyprint"><ol class="linenums"><li class="l"><code class="pcalibre9 pcalibre8 pcalibre7">let button = wx.createUserInfoButton({</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> type: 'text',</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"> text: '获取用户信息',</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> style: {</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"> left: 10,</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> top: 76,</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"> width: 200,</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> height: 40,</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"> lineHeight: 40,</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> backgroundColor: '#ff0000',</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"> color: '#ffffff',</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> textAlign: 'center',</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"> fontSize: 16,</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> borderRadius: 4</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"> }</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7">})</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7">button.onTap((res) = > {</code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"> console.log(res)</code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7">})</code></li> </ol> ``` > 原文: <https://developers.weixin.qq.com/minigame/dev/api/open-api/user-info/wx.createUserInfoButton.html>