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

小程序是一个安卓和苹果平台的解决方案，但是呢难免我们需要给两个平台做一些区别的功能，下面跟着我一起看看如何给不同的平台定制功能。

核心：

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>