为什么编译framework7 vuejs cordova移动应用程序有延迟

时间:2017-10-22 07:29:28

标签: cordova vue.js html-framework-7

我正在使用framework7&创建一个使用cordova的原生移动应用程序。 vuejs。 一切正常。但是在应用程序页面开始时显示平坦几秒钟。然后framework7 ui变得可见。

首先显示1-2秒:

enter image description here

然后framework7 ui变得可见。

enter image description here

有人帮助我

app.js

// Init F7 Vue Plugin
Vue.use(Framework7Vue)

// Init Page Components
Vue.component('page-about', {
  template: '#page-about'
})
Vue.component('page-form', {
  template: '#page-form'
})
Vue.component('page-dynamic-routing', {
  template: '#page-dynamic-routing'
})

// Init App
new Vue({
  el: '#app',
  // Init Framework7 by passing parameters here
  framework7: {
    root: '#app',
    material: true,
    swipePanel: 'left',
    animateNavBackIcon: true,
    routes: [
      {
        path: '/about/',
    component: 'page-about'
  },
  {
    path: '/form/',
    component: 'page-form'
  },
  {
    path: '/dynamic-route/blog/:blogId/post/:postId/',
    component: 'page-dynamic-routing'
  }
    ],
  }
});

0 个答案:

没有答案