解决底部工具栏切换多个view的问题

问题描述：

#view1 main-view
#view2
#view3
#view4
所以使用myApp.addView(view1),
myApp.addView(view2),
myApp.addView(view3),
myApp.addView(view4)
有一个tabbar去切换他们，则 < a > 的href 通过设置这些去切换 ‘#view2’, ‘#view3’, ‘#view4’,
但是如果我要在#view4中去添加一个about.html怎么做呢？这就是这篇文章的内容。

解决办法：

首先，应该了解view的点击事件的处理方法：
http://framework7.io/docs/tabs.html#show-tab-using-javascript

然后，解决方式是设置点击是加载about.html页面，即，
在my-app.js中，设置如下代码：

v

ar myApp = new Framework7();

// Export selectors engine
var $$ = Dom7;

//~
//Add views
var view1 = myApp.addView('#view-1');
var view2 = myApp.addView('#view-2', {
    // Because we use fixed-through navbar we can enable dynamic navbar
    dynamicNavbar: true
});
var view3 = myApp.addView('#view-3');

//~

$$('.leavemsg').on('click', function () {
    view3.router.loadPage('leavemessage.html');
});