javascript - 多视图布局框架7 混合应用程序

Question

我有 2 种不同的布局。一个用于登录前，一个用于登录后。

我已经阅读了这里的说明。http://framework7.io/docs/views.html

仍然无法理解为什么我的应用程序会变成这样：

它一次显示 2 个视图。可以在两个视图中完全滚动。

这是涉及的js：

var mainView = myApp.addView('.view-main');
var anotherView = myApp.addView('.another-view');

//to call anotherView after login
mainView.router.load(anotherView);

Answer 1

每个视图都只是一个具有自己的内容和历史的 div。因此，只需将它们用作 div：

var mainView = myApp.addView('.view-main');
var anotherView = myApp.addView('.another-view');
//init your application somwhere here
$$('.another-view').hide(); //hide view that after login
//do somethig and login
$$('.view-main').hide(); //hide view that before login
$$('.another-view').show(); //show wiew that after login

当然，这是使用视图的非常奇怪的方式，但我希望你知道你在做什么。请再次阅读文档。