Framework7(02:Get Start)

1.下载安装Framework7

• 方式一：Framework7 GitHub repository 从github下载Framework7
• 方式二：terminal 中安装
  $ bower install framework7

在下载/安装好的目录下，我们需要的文件都在 dist/ 目录下

2.创建项目

这个页面的Basic App layout可以见代码： http://framework7.io/get-started/

创建入口文件：index.html
引入：
``

3.初始化APP

我们写好布局，引用了 Framework7 的JS和CSS之后，我们需要初始化 APP 和 View.
在我们的my-app.js文件中这样写：

// Initialize app 
var myApp = new Framework7(); 
// If we need to use custom DOM library, let's save it to $$ variable: 
var $$ = Dom7; 
// Add view 
var mainView = myApp.addView('.view-main', { 
// Because we want to use dynamic navbar, we need to enable it for this view: 
    dynamicNavbar: true
});

4.新建about页面：

`about.html`文件

请看http://framework7.io/get-started/ 的Another page
注意这句注释：``

this page will be parsed with Ajax, 也不用再加入.navbar 和.page

5.给about页面添加JS代码

假设我们需要在 about 页面中执行JS代码。
因为 about.html页面是通过JS加载的，我们不能通过在 about.html中添加