# 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"><span class="pln">let button </span><span class="pun">=</span><span class="pln"> wx</span><span class="pun">.</span><span class="pln">createUserInfoButton</span><span class="pun">({</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> type</span><span class="pun">:</span><span class="pln"> </span><span class="str">'text'</span><span class="pun">,</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> text</span><span class="pun">:</span><span class="pln"> </span><span class="str">'獲取用戶信息'</span><span class="pun">,</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> style</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> left</span><span class="pun">:</span><span class="pln"> </span><span class="lit">10</span><span class="pun">,</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> top</span><span class="pun">:</span><span class="pln"> </span><span class="lit">76</span><span class="pun">,</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">200</span><span class="pun">,</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">40</span><span class="pun">,</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> lineHeight</span><span class="pun">:</span><span class="pln"> </span><span class="lit">40</span><span class="pun">,</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> backgroundColor</span><span class="pun">:</span><span class="pln"> </span><span class="str">'#ff0000'</span><span class="pun">,</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> color</span><span class="pun">:</span><span class="pln"> </span><span class="str">'#ffffff'</span><span class="pun">,</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> textAlign</span><span class="pun">:</span><span class="pln"> </span><span class="str">'center'</span><span class="pun">,</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> fontSize</span><span class="pun">:</span><span class="pln"> </span><span class="lit">16</span><span class="pun">,</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> borderRadius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">4</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> </span><span class="pun">}</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pun">})</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln">button</span><span class="pun">.</span><span class="pln">onTap</span><span class="pun">((</span><span class="pln">res</span><span class="pun">)</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="pun">></span><span class="pln"> </span><span class="pun">{</span></code></li> <li class="l1"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">res</span><span class="pun">)</span></code></li> <li class="l"><code class="pcalibre9 pcalibre8 pcalibre7"><span class="pun">})</span></code></li> </ol> ``` > 原文: <https://developers.weixin.qq.com/minigame/dev/api/open-api/user-info/wx.createUserInfoButton.html>