- 发布：2020-05-27 18:19
- 更新：2020-06-22 10:27
- 阅读：436
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.5
手机系统： 全部
手机厂商： 华为
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
App下载地址或H5⽹址： 线上版是上个HBuilderX版本的，没有这个问题。
测试过的手机：
示例代码：
-
pages.json：入口页设置
{
"path": "pages/action/startPage/startPage",
"style": {
"navigationBarTitleText": "启动入口页",
"navigationStyle": "custom",
"backgroundColor": "#3675FF",
"app-plus": {
"background": "#3675FF",
"titleNView": false,
"subNVues": {
"type": "navigationBar"
}
}
}
} ```
-
pages/action/startPage/startPage：page外层样式
.wrap{
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: linear-gradient(135deg,rgba(22,120,255,1) 0%,rgba(54,117,255,1) 100%);
}
-
pages.json：入口页设置
{ "path": "pages/action/startPage/startPage", "style": { "navigationBarTitleText": "启动入口页", "navigationStyle": "custom", "backgroundColor": "#3675FF", "app-plus": { "background": "#3675FF", "titleNView": false, "subNVues": { "type": "navigationBar" } } } } ``` -
pages/action/startPage/startPage：page外层样式
.wrap{ position: relative; box-sizing: border-box; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: linear-gradient(135deg,rgba(22,120,255,1) 0%,rgba(54,117,255,1) 100%); }
操作步骤：
- 打开APP
- 进入开屏画面
（白屏闪烁）
- 进入入口页（首页）
- 打开APP
- 进入开屏画面
（白屏闪烁） - 进入入口页（首页）
预期结果：
中间不会有闪烁。
中间不会有闪烁。
实际结果：
出现了白屏闪烁。
出现了白屏闪烁。
dwo
请问你这问题解决了么
2020-06-19 15:25
攻城狮已经疯了 (作者)
回复 dwo:
解决了，v3的时候，以前有一个没注意的东西钻出来了………………看下一个评论 ↓
2020-06-22 10:26