uniapp怎么兼容横竖屏

在uniapp中，可以通过以下步骤实现横竖屏的兼容：

1. 在`manifest.json`文件中添加以下代码：

"app-plus": {
    "resize": true
}

2. 在需要支持横竖屏的页面中，添加以下代码：

export default {
    onShow() {
        uni.setScreenOrientation('auto');
    },
    onHide() {
        uni.setScreenOrientation('portrait');
    }
}

其中，`onShow`方法中通过`uni.setScreenOrientation('auto')`设置为自动旋转屏幕，`onHide`方法中通过`uni.setScreenOrientation('portrait')`设置为竖屏。

这样，在用户旋转设备时，页面会自动适应屏幕方向。