1、button外觀樣式

button的基本樣式沒什麼特殊的，直接查看文(wén)檔即可(kě)

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

• contact ：直接打開客服對話功能，需要在微信小程序的後台配置

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

contact的實現流程

1. 将小程序的appid由測試号改成自己的id
2. 登錄微信小程序官網，找到"客服"，添加客服微信

3.然後就能實現客服對話功能和(hé)意見反饋功能

• share：轉發當前的小程序到微信好友中(zhōng)，不能分享到朋友圈

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

• getPhoneNumber：獲取當前用戶的手機号碼信息，結合一個(gè)事件來使用

1、綁定一個(gè)事件bindgetphonenumber
2、在事件的回調函數中(zhōng) 通(tōng)過參數來獲取信息
3、獲取到的信息已經經過加密 需要用戶自己搭建後台服務器(qì)進行解析
4、如(rú)果不是企業(yè)的小程序賬号，沒有權限獲取用戶的手機号碼

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

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

• getUserInfo：獲取當前用戶的個(gè)人信息，不存在加密字段，和(hé)獲取手機号類似

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

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

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

• launchApp：在小程序中(zhōng)直接打開APP

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

• openSetting：打開小程序内置的授權頁面，授權頁面隻會出現曾經點擊過的權限

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

• feedback：打開小程序内置的意見反饋頁面

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

3、icon圖标

4、radio單選框

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

<radio-group bindchange="handleChange">
    <radio value="male">男(nán)</radio>
     <radio value="female">女</radio>
</radio-group>

<view>您選中(zhōng)的是：{{gender}}</view>

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