支付宝小程序适配苹果底部小横条

苹果底部小横条（iPhone X 及以上机型的底部指示条）的高度为 34px，它会遮挡小程序底部部分内容，因此需要进行适配。

在支付宝小程序中，可以使用 `safe-area-view` 组件来适配苹果底部小横条。`safe-area-view` 组件可以根据设备的实际情况自动调整布局，使得小程序内容不被遮挡。

具体实现步骤如下：

1. 在需要适配的页面的 `.axml` 文件中，使用 `safe-area-view` 标签包裹需要适配的内容。

2. 在 `safe-area-view` 标签中设置 `padding-bottom` 属性，属性值为 `34rpx`，表示底部留出 34px 的安全区域。

下面是一个示例代码：

<safe-area-view style="background-color: white;">
  <view style="height: 100vh; padding-bottom: 34rpx;">
    <!-- 需要适配的内容 -->
  </view>
</safe-area-view>

注意：使用 `safe-area-view` 组件进行适配时，需要将适配的内容放在 `safe-area-view` 标签内，而不能直接放在页面根节点下。另外，需要注意 `padding-bottom` 的值，不同的设备可能需要设置不同的值来适配底部小横条。

另外，如果小程序中有固定在底部的 tabbar，也需要进行适配，可以在 `.axml` 文件中使用 `tabbar` 标签，并设置 `safe` 属性为 `true`，表示在底部留出安全区域。

下面是一个示例代码：

<tabbar safe="true">
  <tabbar-item text="首页" icon="home" url="/pages/index/index"></tabbar-item>
  <tabbar-item text="分类" icon="category" url="/pages/category/category"></tabbar-item>
  <tabbar-item text="购物车" icon="cart" url="/pages/cart/cart"></tabbar-item>
  <tabbar-item text="我的" icon="user" url="/pages/user/user"></tabbar-item>
</tabbar>