angular-ui-router

   .tiny-SPA-head {

            width: 100%;
            height: 60px;
            margin: 0px;
            background: rgba(110, 175, 255, 0.92);
        }        .tiny-SPA-head span{
            display: inline-block;
            cursor: pointer;
            margin-right: 40px;
            margin-left: 10px;
            vertical-align: middle;
            line-height: 60px;
        }        .tiny-SPA-view {
            display: inline-block;
            width: 49%;
            height: 700px;
            border: 2px solid #996ee2;
        }

    <h2 class="tiny-SPA-head">
        <span ui-sref="home">单页面应用头部</span>
        <span ui-sref="view1">模块一</span>
        <span ui-sref="view2">模块二</span>
    </h2>
    <div class="tiny-SPA-view" ui-view="leftView">
    </div>
    <div class="tiny-SPA-view" ui-view="rightView">
    </div>