Framework7学习笔记之初始化App

Posted 2020-10-24 ygj0930

 

 

一：初始化应用对象

    我们想要在js文件中操作app，就需要初始化一个app对象来存储应用本身。

    在初始化app时，还可以传递一些参数，对app进行一些个性化定制，如：主题、缓存设置、工具栏、导航栏、通知栏等等对app整体的特性设置。

 

二：格式实例

var app = new Framework7({
  // App root element
  root: ‘#app‘,
  // App Name
  name: ‘My App‘,
  // App id
  id: ‘com.myapp.test‘,
  // Enable swipe panel
  panel: {
    swipe: ‘left‘,
  },
  // Add default routes
  routes: [
    {
      path: ‘/about/‘,
      url: ‘about.html‘,
    },
  ],
  // ... other parameters
});

 

三：具体参数查阅

中文版（旧版）：http://docs.framework7.cn/Index/init_app.html

                        包括了：主题、缓存设置、快速点击事件库、路由、push state、滑动后退、列表可排序、侧边栏、模态框、智能选取、导航栏、工具栏、图片懒加载、通知栏、状态栏、页面回调函数、Ajax回调函数、模版文件、命名空间等。

英文版（新版）：http://framework7.io/docs/app.html

                        简化了很多设置，主要有：默认基本设置（路由、语言、函数定义、生命周期函数定义等）、module事件函数。