微信小程序如何判断系统并定制不同的功能

小程序是一个安卓和苹果平台的解决方案，可是呢不免咱们须要给两个平台作一些区别的功能，下面跟着我一块儿看看如何给不一样的平台定制功能。

核心：

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>