uniapp开发平板rpx适配

在UniApp中实现平板rpx适配，可以按照以下步骤进行操作：

1. 在项目根目录下找到 `pages.json` 文件，添加 `"device": "tablet"` 字段，指定当前设备为平板。

{
  "device": "tablet",
  "pages": [
    // ...
  ]
}

2. 在项目根目录下找到 `manifest.json` 文件，添加 `"tabletUI": true` 字段，开启平板UI适配。

{
  "tabletUI": true,
  // ...
}

3. 使用 `rpx` 单位进行布局，UniApp会根据设备的宽度自动转换为相应的像素值。例如，如果设计稿是以 750px 宽度为基准的，则使用 `750rpx` 单位进行布局。

/* 示例 */
.container {
  width: 750rpx;
  height: 400rpx;
}

4. 在代码中根据设备类型进行特定样式的调整。可以通过 `uni.getSystemInfoSync()` 方法获取设备信息，判断当前设备类型是否为平板。

// 示例
const systemInfo = uni.getSystemInfoSync();
if (systemInfo.deviceType === 'tablet') {
  // 平板设备样式调整
}