浏览代码

手机客户端下载页面

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@922 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d
suntg 11 年之前
父节点
当前提交
ea9c34059d
共有 1 个文件被更改,包括 120 次插入6 次删除
  1. 120 6
      src/main/webapp/WEB-INF/views/mobile/client.html

+ 120 - 6
src/main/webapp/WEB-INF/views/mobile/client.html

@@ -10,15 +10,129 @@
 <meta name="keywords"
 	content="优软商务平台,优软B2B平台,商务平台,B2B平台,B2B,电子商务,ERP,UAS,UBTOB.COM,USOFTCHINA.COM,优软">
 <meta name="description" content="优软商务平台,企业供销信息交流平台。">
-<link href="static/img/icon/u.png" rel="icon" type="image/x-icon" />
-<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
+<link href="../static/img/icon/u.png" rel="icon" type="image/x-icon" />
 <link rel="stylesheet"
-	href="static/lib/fontawesome/css/font-awesome.min.css" />
+	href="../static/lib/fontawesome/css/font-awesome.min.css" />
 </head>
-<body>
-
-	<div class="container" style="background-color: #BBBBBB; height: 600px;">
+<style>
+	* {
+		padding: 0px;
+		margin: 0px;
+		color: #DDDDDD;
+		font-family: "微软雅黑";
+		font-size: 16px;
+	}
+	
+	div#div1{ 
+		position:fixed; 
+		top:0; 
+		left:0; 
+		bottom:0; 
+		right:0; 
+		z-index:-1; 
+	} 
+	div#div1 > img { 
+		height:100%; 
+		width:100%; 
+		border:0; 
+	} 
+	.title {
+		border-bottom: solid 1px #DDDDDD;
+		padding: 10px;
+		padding-right: 20px;
+	}
+	
+	.down {
+		position: fixed;
+		bottom: 0px;
+		left: 0px;
+		right: 0px;
+	}
+	
+	.slogan {
+		margin-bottom: 100px;
+		padding-left: 50px;
+	}
+	
+	.slogan .line1 {
+		font-size: 24px;
+		font-weight: bold;
+	}
+	
+	.slogan .line2 {
+		font-size: 18px;
+		margin-top: 10px;
+	}
+	
+	.downLoad {
+		height: 180px;
+		padding-top: 20px;
+		background: #022942;
+		filter:alpha(opacity=90);  /*支持 IE 浏览器*/
+		-moz-opacity:0.90; /*支持 FireFox 浏览器*/
+		opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/
+	}
+	
+	.button {
+		line-height: 40px;
+		height: 40px;
+		border: solid 1px #DDDDDD; 
+		border-radius: 10px;
+		width: 240px;
+		text-align: center;
+		margin: 20px auto;
+		padding: 5px 0;
 		
+	}
+	
+	.button .btn-logo {
+		display: inline-block;
+		width: 20%;
+		font-size: 30px;
+		text-align: right;
+		line-height: 40px;
+		padding-right: 10px;
+	}
+	
+	.button .btn-text {
+		display: inline-block;
+		width: 60%;
+		line-height: 20px;
+		text-align: left;
+	}
+	
+</style>
+<body>
+	<div id="div1"><img src="../static/img/bg/bg_client.jpg" />
+	</div> 
+	<div class="title">优软商务平台<div style="float: right;">手机客户端</div></div>
+	<div class="down">
+		<div class="slogan">
+			<div class="line1">
+				优 软 商 务
+			</div>
+			<div class="line2">
+				开 启 财 富 之 路
+			</div>
+		</div>
+		<div class="downLoad">
+			<div class="button">
+				<div class="btn-logo">
+					<i class="fa fa-android"></i>
+				</div>
+				<div class="btn-text">
+					<div>Android 下载</div>
+					<div style="font-size: 12px;">近期上线,敬请期待</div>
+				</div>
+			<div class="button">
+				<div class="btn-logo">
+					<i class="fa fa-apple"></i>
+				</div>
+				<div class="btn-text">
+					<div>IPhone 下载</div>
+					<div style="font-size: 12px;">近期上线,敬请期待</div>
+				</div>
+		</div>
 	</div>
 </body>
 </html>