Angular.Admin
/
admin.html

<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <title data-ng-bind="app.site.title">loading...</title>
        <link rel="shortcut icon" data-ng-href="{{app.site.icon}}" />
        <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1">
        <link href="script/plugs/layui/css/layui.css" rel="stylesheet" type="text/css"/>
        <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
        <link href="theme/css/common.css" rel="stylesheet" type="text/css"/>
        <link href="theme/css/console.css" rel="stylesheet" type="text/css"/>
        <link href="theme/css/animate.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div class="layui-layout layui-layout-admin" id="layui_layout">
            <!-- 顶部区域 -->
            <div class="layui-header header header-demo">
                <div class="layui-main">
                    <!-- logo区域 -->
                    <div class="admin-logo-box">
                        <a class="logo" ng-href="{{app.site.url}}" target="_blank" ng-bind="app.site.title"></a>
                        <div class="larry-side-menu">
                            <i class="fa fa-bars" aria-hidden="true"></i>
                        </div>
                    </div>
                    <!-- 顶级菜单区域 -->
                    <div class="layui-larry-menu">
                        <ul class="layui-nav clearfix">
                            <li class="layui-nav-item {{x.active ? 'layui-this' : ''}}" ng-repeat="x in app.menu">
                                <a data-menu-id="{{x.id}}" ng-href="{{x.href}}" ng-click="topMenuOnClick(this)" data-index="{{x.index}}"><i class="{{x.icon}}"></i><span ng-bind="x.title"></span></a>
                            </li>
                        </ul>
                    </div>
                    <!-- 右侧导航 -->
                    <ul class="layui-nav larry-header-item">
                        <li class="layui-nav-item first">
                            <a href="javascript:;">
                                <cite>账号管理</cite>
                                <span class="layui-nav-more"></span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd><a href="">修改密码</a></dd>
                                <dd><a href="">修改资料</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a ng-click="logout()" href="javascript:void(0);"> <i class="fa fa-sign-out"></i> 退出</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 左侧侧边导航开始 -->
            <div class="layui-side layui-side-bg layui-larry-side" style="display:none;{{app.menuLeft?'display:block':''}}" id="larry-side"  ng-if="app.menuLeft">
                <div class="layui-side-scroll" id="larry-nav-side" lay-filter="side">
                    <div class="user-photo">
                        <a class="img" title="我的头像" >
                            <img src="theme/img/user.jpg" class="userimg1"></a>
                        <p>你好！admin, 欢迎登录</p>
                    </div>
                    <!-- 左侧菜单 -->
                    <ul class="layui-nav layui-nav-tree" ng-show='pmenu.active' ng-repeat="pmenu in app.menu" data-index="{{pmenu.index}}">
                        <!-- 有二级菜单时 -->
                        <li class="layui-nav-item {{menu.active?menu.sub?'layui-nav-itemed':'layui-this':''}}" ng-if='pmenu.sub' ng-repeat="menu in pmenu.sub">
                            <!-- 无第三级菜单时 -->
                            <a href="javascript:;" data-menu-id="{{pmenu.id}}" ng-if="!menu.sub">
                                <i class="iconfont icon-home1" data-icon='icon-home1'></i>
                                <span ng-bind='menu.title'></span>
                            </a>
                            <!-- 有第三级菜单时 -->
                            <a data-menu-id="{{pmenu.id}}-{{menu.id}}" href="javascript:;" ng-if="menu.sub">
                                <i class="iconfont icon-jiaoseguanli" ></i>
                                <span ng-bind="menu.title"></span>
                                <em class="layui-nav-more"></em>
                            </a>
                            <dl class="layui-nav-child" ng-if="menu.sub">
                                <dd ng-repeat="m in menu.sub" class="{{m.active?'layui-this':''}}">
                                    <a data-menu-id="{{pmenu.id}}-{{menu.id}}-{{m.id}}" href="javascript:;" data-url="personInfo.html">
                                        <i class="fa fa-user"></i>
                                        <span ng-bind="m.title"></span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 左侧侧边导航结束 -->

            <!-- 右侧主体内容 -->
            <div class="layui-body" id="larry-body" style="bottom:0;border-left:solid 2px #1AA094;left:0;{{app.menuLeft?'left:200px':'left:0;'}}">
                <div class="layui-tab layui-tab-card larry-tab-box admin-container" id="larry-tab" lay-filter="demo" lay-allowclose="true">
                    <!--
                    <ul class="layui-tab-title">
                        <li class="layui-this" id="admin-home"><i class="iconfont icon-diannao1"></i><em>后台首页</em></li>
                    </ul>
                    -->
                    <div class="layui-tab-content admin-conent">
                        <div class="layui-tab-item layui-show admin-page" data-ng-view=''></div>
                    </div>
                </div>
            </div>

            <!-- 底部区域 开始 -->
            <div class="layui-footer layui-larry-foot" id="larry-footer" style="left:0;{{app.menuLeft?'left:200px':'left:0;'}}">
                <div class="layui-mian" ng-bind="app.site.copyright"></div>
            </div>
        </div>

        <script src="//cdn.bootcss.com/require.js/2.3.2/require.min.js"></script>
        <script src="script/bootstrap.js"></script>
    </body>
</html>