header.vm
7.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<div id="head" >
<div class="xn-header" xn-fixed>
<div class="xn-width auto header-top clearfix">
<div class="f-left">欢迎您,$principal.userName@$principal.tenantName</div>
## <div header-info-center icon-base-url="$config.getImgUrl("")"
## data-about-url="$homeLink.setTarget('about')"
## data-index-url="$homeLink.setTarget('index')"
## default-show="defaultShow"
## class="clearfix">
## </div>
</div>
<div ng-mouseleave="cancelNav()">
<div id="nav" class="xn-nav" >
<div class="xn-width auto clearfix">
<div class="nav-box clearfix">
<div class="nav-left">
<a id="logo" class="img-a" href="$config.getEmployeeUrl('index.vm')">
<img class="app-logo" src="$config.getCdnUrl('img/logo/logo.png')" alt="犀牛logo"/>
</a>
<a class="app-title" href="$guideLink.setTarget('index.vm')">
<img class="logo-title" src="$config.getCdnUrl('img/logo/project/tutorial-title.png')" height="28" alt="教程">
</a>
</div>
<ul class="nav-list clearfix">
<li class="nav-li" ng-class="{'nav-li-hover':navShow==0 }" ng-mouseenter="navMouseenter(0)">
<a class="nav-a" href="$guideLink.setTarget("index")" target="_self">Html / CSS<span class="nav-tri"></span></a>
</li>
<li class="nav-li" ng-class="{'nav-li-hover':navShow==1 }" ng-mouseenter="navMouseenter(1)">
<a class="nav-a" href="$guideLink.setTarget("index")" target="_self">JavaScript<span class="nav-tri"></span></a>
</li>
<li class="nav-li" ng-class="{'nav-li-hover':navShow==2 }" ng-mouseenter="navMouseenter(2)">
<a class="nav-a" href="$guideLink.setTarget("index")" target="_self">移动端<span class="nav-tri"></span></a>
</li>
<li class="nav-li" ng-class="{'nav-li-hover':navShow==10 }" ng-mouseenter="navMouseenter(10)">
<a class="nav-a" href="$guideLink.setTarget("angular/module/index")" target="_self">Angular<span class="nav-tri"></span></a>
</li>
<li class="nav-li" ng-class="{'nav-li-hover':navShow==11 }" ng-mouseenter="navMouseenter(11)">
<a class="nav-a" href="$guideLink.setTarget("index")" target="_self">Vue<span class="nav-tri"></span></a>
</li>
<li class="nav-li" ng-class="{'nav-li-hover':navShow==12 }" ng-mouseenter="navMouseenter(12)">
<a class="nav-a" href="$guideLink.setTarget("index")" target="_self">React<span class="nav-tri"></span></a>
</li>
<li class="nav-li" ng-class="{'nav-li-hover':navShow==13 }" ng-mouseenter="navMouseenter(13)">
<a class="nav-a" href="$guideLink.setTarget("index")" target="_self">Node<span class="nav-tri"></span></a>
</li>
<li class="nav-li" ng-class="{'nav-li-hover':navShow==14 }" ng-mouseenter="navMouseenter(14)">
<a class="nav-a" href="$guideLink.setTarget("index")" target="_self">前端展望<span class="nav-tri"></span></a>
</li>
</ul>
</div>
</div>
</div>
#* <!--二级导航，根据需要看是否添加-->
<div class="second-nav" ng-mouseleave="cancelSubNav()">
<div class="xn-width auto ">
<!--部门-->
<ul class="second-nav-ul" ng-show="navShow==0">
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==0}" ng-mouseenter="subNavShow=0" ><a target="_self" href="$tutorialLink.setTarget("department/create")">创建</a></li>
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==1}" ng-mouseenter="subNavShow=1" ><a target="_self" href="$tutorialLink.setTarget("department/edit")">编辑</a></li>
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==2}" ng-mouseenter="subNavShow=2" ><a target="_self" href="$tutorialLink.setTarget("department/view")">查看</a></li>
</ul>
<!--员工-->
<ul class="second-nav-ul" ng-show="navShow==1">
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==0}" ng-mouseenter="subNavShow=0"><a target="_self" href="$tutorialLink.setTarget("employee/create")">员工创建</a></li>
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==1}" ng-mouseenter="subNavShow=1"><a target="_self" href="$tutorialLink.setTarget("employee/edit")">员工编辑</a></li>
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==2}" ng-mouseenter="subNavShow=2"><a target="_self" href="$tutorialLink.setTarget("employee/view")">员工查看</a></li>
</ul>
<!--运营管理-->
<ul class="second-nav-ul" ng-show="navShow==2">
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==0}" ng-mouseenter="subNavShow=0"><a target="_self" href="$tutorialLink.setTarget("operateManage/index")">设置</a></li>
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==1}" ng-mouseenter="subNavShow=1"><a target="_self" href="$tutorialLink.setTarget("advertisement/index")">广告维护</a></li>
<li class="second-nav-li" ng-class="{'second-nav-li-active':subNavShow==2}" ng-mouseenter="subNavShow=2"><a target="_self" href="$tutorialLink.setTarget("feedback/index")">在线反馈</a></li
</ul>
</div>
</div>*#
</div>
</div>
</div>
<div class="xn-global-nav" ng-init="showFixedNav=false">
<ul class="nav-ul" ng-if="showFixedNav">
<li class="nav-li" ng-repeat="nav in navList" ng-class="{'navActive':navActive=='{{$index}}'}">
<div class="nav-li-title" ng-click="doSetActive($index)"><a class="link" ng-bind="nav.title"></a></div>
<ul class="sub-nav-ul" ng-show="navActive==$index">
<li class="sub-nav-li" ng-repeat="subNav in nav.childList"><a class="link" ng-href="{{subNav.link}}" ng-bind="subNav.title"></a></li>
</ul>
</li>
</ul>
<h3 class="h3 clearfix" ng-click="showFixedNav =!showFixedNav"><img class="logo" src="$config.getCdnUrl('img/logo/logo.png')" alt="犀牛logo"/>快捷导航</h3>
</div>