手机登陆页增加底部客户端下载栏

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@5009 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d

src/main/webapp/WEB-INF/views/mobile/signin.html

@@ -29,6 +29,7 @@ var _hmt = _hmt || [];
 <style>
 body {
 	font-size: 14px;
+	margin-bottom: 45px;
 }
 
 .btn-inverse {
@@ -86,6 +87,13 @@ body {
 			<div class="loading" ng-class="{'in': loading}"><i></i></div>
 		</div>
 		
+		<div id="app-bar" ng-controller="AppBarCtrl">
+			<div class="app-logo"><img src="static/img/mobile/client-icon-32.png"/></div>
+			<div class="app-text"><h2>UU互联</h2><p>畅享移动办公</p></div>
+			<div class="app-close" ng-click="close()"></div>
+			<div class="app-btn" ng-click="onBtnClick()">立即下载</div>	
+		</div>
+		
 	</div>
 	<!-- 消息提示框  Start-->
 	<toaster-container

src/main/webapp/resources/css/signin.css

@@ -355,4 +355,52 @@ h1,h2,h3 {
 #footer .list-inline>li:not(:last-child):after {
 	margin-left: 15px;
 	content: "|"
-}
+}
+/*app-bar*/
+#app-bar {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 45px;
+	background: rgba(0, 0, 0, .5);
+	color: #fff;
+	z-index: 10001;
+	font-size: 12px;
+	font-family: "Microsoft Yahei";
+}
+#app-bar .app-logo {
+	float: left;
+	width: 29px;
+	height: 29px;
+	margin: 8px 0 0 15px;
+}
+#app-bar .app-text {
+	float: left;
+	padding: 7px 0 0 8px;
+	line-height: 16px;
+}
+#app-bar .app-text h2 {
+	font-weight: normal;
+    font-size: 15px;
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+#app-bar .app-close {
+	float: right;
+	width: 12px;
+	height: 12px;
+	background: url(../img/mobile/app_close.png) no-repeat;
+	background-size: 100%;
+	margin: 16px 15px 0 0;
+}
+#app-bar .app-btn {
+	float: right;
+	background-color: #4998E7;
+	border-radius: 3px;
+	height: 32px;
+	padding: 0px 6px;
+	line-height: 32px;
+	margin: 6px 18px 0 0;
+	color: #FFF;
+}

src/main/webapp/resources/js/signin/app.js

@@ -93,5 +93,17 @@ define([ 'toaster', 'ui.bootstrap', 'services' ], function() {
 			$scope.notices = data;
 		});
 	}]);
+	// 手机登陆页的底部app栏
+	app.controller('AppBarCtrl', ['$scope', function($scope) {
+		// 点击立即下载
+		$scope.onBtnClick = function() {
+			window.location.href = 'http://www.usoftchina.com/usoft/uas_client.html';
+		};
+		// 关闭
+		$scope.close = function() {
+			var app_bar = document.getElementById('app-bar');
+			app_bar.parentNode.removeChild(app_bar);
+		};
+	}]);
 	return app;
 });