uni中的引导页如何设置全屏
时间: 2023-12-10 13:41:47 浏览: 70
unity 设置屏幕分辨率,并且使用 全屏
5星 · 资源好评率100%
在 uni-app 中,可以通过以下步骤设置引导页为全屏:
1. 在 pages.json 中,将引导页的 "style" 属性设置为 "custom"。
```json
{
"path": "pages/guide/guide",
"style": {
"navigationBarTitleText": "引导页",
"custom": true
}
}
```
2. 在引导页的 vue 文件中,设置页面样式为全屏。
```css
<template>
<view class="container">
<!-- 引导页内容 -->
</view>
</template>
<style scoped>
.container {
width: 100%;
height: 100%;
}
</style>
```
这样就可以将引导页设置为全屏了。注意,如果页面中有固定高度的元素,需要将其高度设置为 100%。
阅读全文