uniapp全屏显示页面

要在uniapp中实现全屏显示页面，可以使用以下步骤：

1. 在页面的样式中设置宽度和高度为100%：

<template>
  <view class="full-screen"></view>
</template>

<style>
.full-screen {
  width: 100%;
  height: 100%;
}
</style>

2. 在页面的生命周期函数中设置页面的导航栏和状态栏隐藏：

<script>
export default {
  onReady() {
    uni.hideNavigationBar();
    uni.hideStatusBar();
  }
}
</script>

这样就可以实现全屏显示页面了。请注意，隐藏导航栏和状态栏可能会影响用户体验，因此请谨慎使用。

相关问题

uniapp video自动全屏

在UniApp中，如果你希望在播放视频时自动全屏，你可以通过设置视频组件的全屏属性来实现。具体步骤如下：

1. 在你的uni-app项目中，找到需要播放视频的页面。

2. 在该页面的 template 中，添加一个 video 组件，并设置 src 属性为视频的链接。

3. 设置 video 组件的属性 `@play`，绑定一个方法，在该方法中调用 `requestFullScreen` 方法，实现视频播放时自动全屏。示例代码如下：

<template>
  <view>
    <video 
      src="your_video_src"
      @play="handlePlay"
    ></video>
  </view>
</template>

<script>
export default {
  methods: {
    handlePlay() {
      const video = uni.createVideoContext('video'); // video为你的video组件id
      video.requestFullScreen();
    },
  },
};
</script>

这样，当视频开始播放时，会自动全屏显示。请注意，在不同平台和设备上，全屏模式可能会有所不同，具体效果可能会受到浏览器或设备限制。

用uniapp实现点击视频默认横向全屏

要实现点击视频默认横向全屏，可以通过以下步骤：

1. 在uniapp的页面中引入video组件，并设置它的宽度和高度。

<video src="your_video_url" style="width:100%;height:200px;"></video>

2. 添加一个点击事件，当用户点击视频时，将视频的控制条隐藏，并将视频全屏显示。

onTapVideo:function(){
    var video = uni.createVideoContext('myvideo', this);
    video.requestFullScreen({
        direction: 90
    });
    video.hideStatusBar();
},

3. 在uniapp的manifest.json文件中添加以下代码，以允许应用程序全屏显示视频。

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

通过以上步骤，就可以实现点击视频默认横向全屏了。