1.上面的tab可以用ionic中自定义导航实现
http://www.ionic.wang/course-index.html 可以看看27  路由详解

<ion-nav-title>
        <!--HTML 片段-->
    </ion-nav-title>

2.切换可以用js实现，点击对应的按钮的时候执行对应的方法，然后替换下面的数据