Kaynağa Gözat

增加导航栏链接

suntg 8 yıl önce
ebeveyn
işleme
b85bc4bf94

+ 9 - 0
src/main/webapp/WEB-INF/views/normal/index.html

@@ -43,6 +43,15 @@ var _hmt = _hmt || [];
 					<li><a href="http://www.usoftmall.com/" class="link-mall">优软商城</a></li>
 					<li><a href="saas/about" class="link-saas">优企云服</a></li>
 					<li><a href="#/finance" class="link-finance">金融服务</a></li><!-- http://finance.ubtob.com -->
+					<li><a href="http://job.uuzcc.com/" class="">人才招聘</a></li><!-- http://public.ubtob.com -->
+					<li>
+						<a href="http://www.uuzcc.com/" class="">UU众创</a>
+						<ul>
+							<li><a href="http://www.uuzcc.com/">任务外包</a></li>
+							<li><a href="http://fangan.uuzcc.com/">方案商城</a></li>
+							<li><a href="http://bbs.uuzcc.com/forum.php">工程师交流圈</a></li>
+						</ul>
+					</li><!-- http://public.ubtob.com -->
 					<li><a href="#/public" class="link-public">公共服务</a></li><!-- http://public.ubtob.com -->
 					<li><a href="#/member" class="link-member">会员中心</a></li><!-- http://member.ubtob.com -->
 					<li><a href="#/help" class="link-help">服务专区</a></li><!-- http://help.ubtob.com -->

+ 28 - 0
src/main/webapp/resources/css/common.css

@@ -52,10 +52,38 @@ body {
 }
 
 .navbar-inverse .navbar-nav>li>a {
+	padding: 15px 10px;
 	font-size: 15px;
 	color: #bbbbbb;
 }
 
+.nav>li {
+	position: relative;
+}
+
+.nav>li ul {
+	position: absolute;
+	list-style: none;
+	top: 99%;
+	left: 0;
+	right: 0;
+	padding-left: 0;
+	width: 114px;
+	height: 0;
+	background: rgba(0,0,0,0.7);
+	overflow-y: hidden;
+	z-index: 20;
+	-webkit-transition: height ease 1s;
+	-moz-transition: height ease 1s;
+	-ms-transition: height ease 1s;
+	-o-transition: height ease 1s;
+	transition: height ease 1s;
+}
+
+.nav>li:hover ul {
+	height: auto;
+}
+
 .x-login {
 	display: none;
 }