1、button外觀樣式

button的基本樣式?jīng)]什么特殊的，直接查看文檔即可

2、button的開放能力(open-type)

• contact ：直接打開客服對(duì)話功能，需要在微信小程序的后臺(tái)配置

<button open-type="contact">contact</button>

contact的實(shí)現(xiàn)流程

1. 將小程序的appid由測(cè)試號(hào)改成自己的id
2. 登錄微信小程序官網(wǎng)，找到"客服"，添加客服微信

3.然后就能實(shí)現(xiàn)客服對(duì)話功能和意見反饋功能

• share：轉(zhuǎn)發(fā)當(dāng)前的小程序到微信好友中，不能分享到朋友圈

<button open-type="share">share</button>

• getPhoneNumber：獲取當(dāng)前用戶的手機(jī)號(hào)碼信息，結(jié)合一個(gè)事件來使用

1、綁定一個(gè)事件bindgetphonenumber
2、在事件的回調(diào)函數(shù)中 通過參數(shù)來獲取信息
3、獲取到的信息已經(jīng)經(jīng)過加密 需要用戶自己搭建后臺(tái)服務(wù)器進(jìn)行解析
4、如果不是企業(yè)的小程序賬號(hào)，沒有權(quán)限獲取用戶的手機(jī)號(hào)碼

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">getPhoneNumber</button>  

Page({
    getPhoneNumber(e){
      console.log(e);
    }  
})

• getUserInfo：獲取當(dāng)前用戶的個(gè)人信息，不存在加密字段，和獲取手機(jī)號(hào)類似

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">getUserInfo</button>

Page({
    getUserInfo(e){
      console.log(e)
    }
})

在detail的userInfo下，會(huì)顯示很多用戶信息

• launchApp：在小程序中直接打開APP

<button open-type="launchApp">launchApp</button>

• openSetting：打開小程序內(nèi)置的授權(quán)頁面，授權(quán)頁面只會(huì)出現(xiàn)曾經(jīng)點(diǎn)擊過的權(quán)限

<button open-type="openSetting">openSetting</button>

• feedback：打開小程序內(nèi)置的意見反饋頁面

 <button open-type="feedback">feedback</button>

3、icon圖標(biāo)

4、radio單選框

1、radio標(biāo)簽必須和父元素radio-group一起使用
2、value是選中的單選框的值
3、用bingchange給radio-group綁定事件
4、在頁面中顯示選中的值

<radio-group bindchange="handleChange">
    <radio value="male">男</radio>
     <radio value="female">女</radio>
</radio-group>

<view>您選中的是：{{gender}}</view>

Page({
  data: {
     gender:""
  },
  handleChange(e){
    //1、獲取單選框選中的值,male或者female
    let gender=e.detail.value;
    //2、把值賦給data中的數(shù)據(jù)
    this.setData({
      gender
    })
  }
  
})