5***@qq.com
5***@qq.com
  • 发布:2018-09-21 14:13
  • 更新:2018-09-21 14:23
  • 阅读:1201

首页初次点击跳转tabbar页面,会有短时间的页面布局错乱体验,该怎么解决呢

分类:MUI

tabbar页面选用的是双webview模式,tabbar跳转的几个页面全是在框架页中plus.webview.create出来的.

在初次打开APP的时候首页由于数据加载慢,会出现布局错乱的情况,只能看着页面从错乱的布局一步步完善 ,过程中 甚至可以看到写在html上的一些vue绑定代码,这个体验的话我觉得不是很好,但又不知道怎么去处理,是 通过改变数据加载方式 还是 什么地方的代码要优化,或者说找个临时动画盖住呢?

其中一个tabbar初次加载 在附件中--额这个文档插不了图片么

2018-09-21 14:13 负责人:无 分享
已邀请:
逗逗水

逗逗水

“tabbar页面选用的是双webview模式,tabbar跳转的几个页面全是在框架页中plus.webview.create出来的.” 使用 预加载

Trust

Trust - 少说废话

  • 使用 v-cloak
  • manifest.json 选择手动关闭启动图
  • 在首页 Vue 对象的初始化结束后关闭 splash

大概的代码如下:

// 没有 mui.js 的话,用这个来判定 plus 初始化,有的话用 mui.plusReady。  
var plusReady = function(callback) {  
  if(window.plus) {  
    callback();  
  } else {  
    document.addEventListener('plusready', callback);  
  }  
};  

var vm = new Vue({  
  el: '#app',  
  created:function(){  
    this.nextTick(function() {  
      plusReady(function() {  
        plus.navigator.closeSplashscreen();  
      })  
    });  
  }  
});

详细的,请根据实际业务需求做调整。

  • 5***@qq.com (作者)

    我试一下,谢谢

    2018-09-21 14:29

该问题目前已经被锁定, 无法添加新回复