开发微信小程序中会遇到iphonex系列手机底部小黑条挡住内容的情况，需要做适配，如果是有小黑条的手机，小程序页面内容底部只需在小黑条之上，如果没有小黑条的手机，底部需要有32rpx的底部边距，该边距不会与适配iphonex底部高度重叠，请问如何适配

对于iPhone X系列手机的底部小黑条挡住内容的问题，可以通过小程序提供的API `wx.getSystemInfoSync()` 来获取当前设备的信息，然后根据设备的高度和宽度来计算出底部的边距。

具体来说，您可以先通过 `wx.getSystemInfoSync()` 获取设备的信息，其中包括设备的高度、宽度和底部安全区域的高度。然后根据底部安全区域的高度来判断当前设备是否为iPhone X系列手机，如果是，则将底部内容的位置调整到小黑条之上，如果不是，则设置32rpx的底部边距。

下面是一个示例代码：

const systemInfo = wx.getSystemInfoSync();
const isIphoneX = /iphone\sx/i.test(systemInfo.model);
const bottomMargin = isIphoneX ? systemInfo.safeArea.bottom : 32;

上面的代码中，`systemInfo` 是通过 `wx.getSystemInfoSync()` 获取的设备信息，`isIphoneX` 判断当前设备是否为iPhone X系列手机，`bottomMargin` 是根据当前设备的底部安全区域高度来计算的底部边距，如果是iPhone X系列手机，则将底部内容的位置调整到小黑条之上，否则设置32rpx的底部边距即可。