如何利用framework7切换页面的

Question

http://material.framework7.cn/
这个网站是如何点击按钮切换页面的
点击完会添加<div data-page="about" class="page page-on-center">这个页面，但是不知道是如何添加这一个页面的

Answer 1

首先明确：framework7是单页面模式，所有的展现全是同一个页面，只是每个页面的组件不一样。

当点击按钮后，替换组件，然后就到下一个界面了

--- 以上给自己埋了一个坑 ---

以前用(一年前)都是前端团队封装了f7然后给我们后台，我们把每个界面(页面)当做一个组件，然后写组件就行。

切换页面的官方资料

因为Framework7是通过Ajax在不同页面间跳转的，所以你需要启动一个 http 服务器才可以