修改右侧导航

src/main/webapp/resources/view/common/sidebar.html

@@ -4,7 +4,7 @@
 		z-index: 1000;
 		right: 0;
 		top: 0;
-		width: 36px;
+		width: 75px;
 		height: 100%;
 	}
 	#sidebar .sidebar-content {
@@ -24,8 +24,9 @@
 		position: relative;
 		display: block;
 		padding: 5px 0;
-		line-height: 20px;
+		line-height: 35px;
 		width: 100%;
+		color:#fff;
 		background-color: #5078CB;
 		text-decoration: none;
 		-webkit-transition: background-color ease .5s;
@@ -41,8 +42,8 @@
 	#sidebar .sidebar-content li .sidebar-menu {
 		position: absolute;
 		display: block;
-		right: -100%;
-		top: 0px;
+		right: 0;
+		top: 0;
 		bottom: 0;
 		width: 200px;
 		line-height: 40px;
@@ -349,12 +350,12 @@
 <div id="sidebar">
 	<ul class="sidebar-content">
 		<li ng-controller="goCartCtrl" ng-show="uuid">
-			<a ng-click="openMystore()"><img src="static/img/icon/shop_icon.png"/></a>
-			<div class="massage sidebar-menu" style="width: 100px" ng-click="openMystore()" title="我的店铺">我的店铺</div>
+			<a ng-click="openMystore()"><img src="static/img/icon/shop_icon.png"/><br><span>店铺</span></a>
+			<!--<div class="massage sidebar-menu" style="width: 100px" ng-click="openMystore()" title="我的店铺">我的店铺</div>-->
 		</li>
 		<li>
-			<a href="user#/cart" target="_blank"><img src="static/img/icon/cart.png"/></a>
-			<div class="sidebar-menu" style="width: 100px"><a href="user#/cart" title="我的购物车" target="_blank">我的购物车<em><span ng-if="userInfo">(<span ng-bind="countCart || 0 | number"></span>)</span></em></a></div>
+			<a href="user#/cart" target="_blank"><img src="static/img/icon/cart.png"/><br><span>购物车</span></a>
+			<!--<div class="sidebar-menu" style="width: 100px"><a href="user#/cart" title="我的购物车" target="_blank">我的购物车<em><span ng-if="userInfo">(<span ng-bind="countCart || 0 | number"></span>)</span></em></a></div>-->
 		</li>
 		<!--<li>
 			<a href="javascript:void(0)"><img src="static/img/icon/phone.png"/></a>
@@ -365,11 +366,11 @@
 			<div class="sidebar-menu">服务邮箱：yrsc@usoftchina.com</div>
 		</li>-->
 		<li ng-controller="MessageBarCtrl">
-			<a href="javascript:void(0)" ng-click="openMessagePanel()"><img src="static/img/icon/talk.png"/></a>
-			<div class="massage sidebar-menu" style="width: 100px" ng-click="openMessagePanel()" title="留言板">留言板</div>
+			<a href="javascript:void(0)" ng-click="openMessagePanel()"><img src="static/img/icon/talk.png"/><br><span>留言板</span></a>
+			<!--<div class="massage sidebar-menu" style="width: 100px" ng-click="openMessagePanel()" title="留言板">留言板</div>-->
 		</li>
 		<li class="contact-list">
-			<a href="http://wpa.qq.com/msgrd?v=3&uin=3432892085&site=www.ubtoc.com&menu=yes" target="_blank"><img src="static/img/icon/contact.png"/></a>
+			<a href="http://wpa.qq.com/msgrd?v=3&uin=3432892085&site=www.ubtoc.com&menu=yes" target="_blank"><img src="static/img/icon/contact.png"/><br><span>在线客服</span></a>
 			<div class="contact-us sidebar-menu">
 				<p>在线客服：<img src="static/img/common/songguo.png" /><a href="http://wpa.qq.com/msgrd?v=3&uin=3432892085&site=www.ubtoc.com&menu=yes" class="contact-btn" target="_blank">联系客服</a></p>
 				<p>服务电话：400-830-1818</p>
@@ -391,42 +392,42 @@
 		<!--</li>-->
 	</ul>
 </div>
-<div id="sidebar" style="height: 76px;bottom: 10px;top: inherit;">
+<div id="sidebar" style="height: 76px;bottom: 45px;top: inherit;">
 	<ul class="foot-content sidebar-content" ng-controller="ScrollToTopCtrl">
 		<li>
-			<a href="user#/browsingHistory"><img src="static/img/icon/foot.png"/></a>
-			<div class="foot-record sidebar-menu" ng-show="history.length ==0" style="bottom: -1px;width: 100px !important;">
-				<h3><a href="user#/browsingHistory">&nbsp;&nbsp;&nbsp;浏览历史</a></h3>
-			</div>
-			<div class="foot-record sidebar-menu" ng-show="!userInfo" style="bottom: -1px;width: 100px !important;">
-				<h3><a href="user#/browsingHistory">&nbsp;&nbsp;&nbsp;浏览历史</a></h3>
-			</div>
-			<div class="foot-record sidebar-menu" ng-show="history.length != 0 && userInfo">
-				<h3><a href="user#/browsingHistory">浏览历史</a></h3>
-				<dl>
-					<!--<dd>
-						<a href="" title="DS5VCOEST15jDS5VCOEST15j">DS5VCOEST15jDS5VCOEST15j</a>
-						<div class="hover-shows">
-							<em class="off"></em>
-							<span class="off">失效</span>
-							<a href="#">&times;</a>
-						</div>
-					</dd>-->
-					<dd ng-repeat="item in history | limitTo : 8">
-						<a ng-show="item.status== 1" href="{{'store/productDetail/' + item.batchCode}}" target="_blank"><span title="{{item.code}}" ng-bind="item.code"></span></a>
-						<a ng-show="item.status== 0" disabled="disabled"><span sytle="color:#999;" title="{{item.code}}" ng-bind="item.code"></span></a>
-						<div class="hover-shows">
-							<em ng-class="{ 'off' : item.status== 0}"></em>
-							<span ng-class="{ 'off' : item.status == 0}">失效</span>
-							<a ng-click="deleteHistory(item.id)">&times;</a>
-						</div>
-					</dd>
-				</dl>
-			</div>
+			<a href="user#/browsingHistory"><img src="static/img/icon/foot.png"/><br><span>浏览历史</span></a>
+			<!--<div class="foot-record sidebar-menu" ng-show="history.length ==0" style="bottom: -1px;width: 100px !important;">-->
+				<!--<h3><a href="user#/browsingHistory">&nbsp;&nbsp;&nbsp;浏览历史</a></h3>-->
+			<!--</div>-->
+			<!--<div class="foot-record sidebar-menu" ng-show="!userInfo" style="bottom: -1px;width: 100px !important;">-->
+				<!--<h3><a href="user#/browsingHistory">&nbsp;&nbsp;&nbsp;浏览历史</a></h3>-->
+			<!--</div>-->
+			<!--<div class="foot-record sidebar-menu" ng-show="history.length != 0 && userInfo">-->
+				<!--<h3><a href="user#/browsingHistory">浏览历史</a></h3>-->
+				<!--<dl>-->
+					<!--&lt;!&ndash;<dd>-->
+						<!--<a href="" title="DS5VCOEST15jDS5VCOEST15j">DS5VCOEST15jDS5VCOEST15j</a>-->
+						<!--<div class="hover-shows">-->
+							<!--<em class="off"></em>-->
+							<!--<span class="off">失效</span>-->
+							<!--<a href="#">&times;</a>-->
+						<!--</div>-->
+					<!--</dd>&ndash;&gt;-->
+					<!--<dd ng-repeat="item in history | limitTo : 8">-->
+						<!--<a ng-show="item.status== 1" href="{{'store/productDetail/' + item.batchCode}}" target="_blank"><span title="{{item.code}}" ng-bind="item.code"></span></a>-->
+						<!--<a ng-show="item.status== 0" disabled="disabled"><span sytle="color:#999;" title="{{item.code}}" ng-bind="item.code"></span></a>-->
+						<!--<div class="hover-shows">-->
+							<!--<em ng-class="{ 'off' : item.status== 0}"></em>-->
+							<!--<span ng-class="{ 'off' : item.status == 0}">失效</span>-->
+							<!--<a ng-click="deleteHistory(item.id)">&times;</a>-->
+						<!--</div>-->
+					<!--</dd>-->
+				<!--</dl>-->
+			<!--</div>-->
 		</li>
 		<li>
-			<a href="javascript:void(0)" ng-click="scrollToTop()"><img src="static/img/icon/top.png"/></a>
-			<div class="massage sidebar-menu" style="width: 100px" title="返回顶部" ng-click="scrollToTop()">返回顶部</div>
+			<a href="javascript:void(0)" ng-click="scrollToTop()"><img src="static/img/icon/top.png"/><br><span>返回顶部</span></a>
+			<!--<div class="massage sidebar-menu" style="width: 100px" title="返回顶部" ng-click="scrollToTop()">返回顶部</div>-->
 		</li>
 	</ul>
 </div>