微信小程序如何判斷系統並定製不同的功能

小程序是一個安卓和蘋果平臺的解決方案，可是呢不免咱們須要給兩個平臺作一些區別的功能，下面跟着我一塊兒看看如何給不一樣的平臺定製功能。

核心：

1. 條件渲染—wx:if （主要配合api來判斷設備系統，再加載相關內容）
2. Api-wx.getSystemInfo(OBJECT)（獲取設備信息）

實現：
先在js文件頁添加下面代碼

注意：圖中的systemInfo 是有對應的關係

從js中獲取到設備的信息後，而後咱們就能夠在wxml文件裏判斷了

systemInfo.platform=客戶端平臺
​固然你也能夠去官方看這個api接口返回的信息，能夠作不同的哦。

代碼：

var that = this;
    // 獲取系統資料
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          systemInfo: res
        });
      }
    })
    
<!--蘋果系統-->
<block wx:if="{{systemInfo.platform == 'ios'}}">
</block>

<!--安卓系統-->
<block wx:if="{{systemInfo.platform == 'android'}}">
</block>