Home Explore Help
Sign In
S.H.I.E.L.D.
/
ssoV2
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

移动版的注册页面

outaozhen 8 years ago
parent
3186fc7a94
commit
f35d668b33
4 changed files with 184 additions and 3 deletions
Split View Show Diff Stats
  1. 58 0
      admin-login.html
  2. 48 3
      css/global.css
  3. 28 0
      registerMobile-success.html
  4. 50 0
      registerMobile.html

+ 58 - 0
admin-login.html
View File 

@@ -0,0 +1,58 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8> 
+  <title>网络版后台</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
 
+  <script src=js/jquery-1.9.1.min.js></script>
 
+  <script src=js/bootstrap.js></script>
 
+</head>
 
+
 
+<body style="background:#F2F2F2;">
 
+<div class="loginWrapper">
 
+	<div class="loginContent">
 
+		<div class="loginTitleMain">
 
+			<h3 class="loginTitle logoTitleOl">网络版后台</h3>
 
+			<div class="loginOther">
 
+				<div class="dropdown">
 
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+						其他网站后台 <span class="caret"></span>
 
+					</a>
 
+					<ul class="dropdown-menu">
 
+						<li><a href="#">官网后台</a></li>
 
+						<li><a href="#">通行帐号后台</a></li>
 
+						<li><a href="#">文库后台</a></li>
 
+						<li><a href="#">问答后台</a></li>
 
+						<li><a href="#">价格信息后台</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="loginForm">
 
+			<form>
 
+			    <div class="form-group">
 
+				    <label class="sr-only" for="userName">用户名</label>
 
+				    <div class="input-group">
 
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
 
+				        <input type="text" class="form-control" id="userName" placeholder="用户名">
 
+				    </div>
 
+			    </div>
 
+			    <div class="form-group">
 
+				    <label class="sr-only" for="userPassword">密码</label>
 
+				    <div class="input-group">
 
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
 
+				        <input type="text" class="form-control" id="userPassword" placeholder="密码">
 
+				    </div>
 
+			    </div>
 
+			  <button type="submit" class="btn btn-primary btnLogin">登录</button>
 
+			</form>
 
+		</div>
 
+		<!-- <div class="loginBottom"><a href="#">忘记密码！</a></div> -->
 
+	</div>
 
+</div>
 
+</body>
 
+</html>

+ 48 - 3
css/global.css
View File 

@@ -154,9 +154,9 @@ input.button{
 
   line-height:18px
 
 }
 
 .inputText:focus{
 
-  border-color:#ff6501;
 
-  color:#ff6501;
 
-  background:#fff
 
+  border-color:#0196ff;
 
+  color:#0196ff;
 
+  background:#fff；
 
 }
 
 /*global header*/
 
 .globalHeader {
 
@@ -734,4 +734,49 @@ input.button{
 
   left:5px;
 
   border-radius: 0 0 5px 5px;
 
   position:absolute;
 
+}
 
+
 
+.mobileTop{
 
+  background:#009f86;
 
+  color:#fff;
 
+  font-size: 18px;
 
+  padding:15px 0;
 
+  margin-bottom: 25px;
 
+  text-align: center;  
+}
 
+.mobileRe{
 
+  padding:0 20px 30px;
 
+}
 
+.mobileRe .regForm{
 
+  font-size: 16px;
 
+}
 
+.mobileRe .btnTextMod{
 
+  min-width: 100px;
 
+  padding:14px 0;
 
+  text-align: center;
 
+}
 
+.mobileRe .errorBor{
 
+  border:1px solid #E9322E;
 
+}
 
+.mobileRe .text-danger{
 
+  padding:5px 10px;
 
+  color:#E9322E;
 
+}
 
+.mobileRe .inputText{
 
+  padding:14px 0;
 
+  width:99%;
 
+  text-indent: 10px;
 
+}
 
+.mobileTopImg{
 
+  margin:10px 0;
 
+}
 
+.mobileRe .btnMobile{
 
+  width:100%;
 
+  font-size: 18px;
 
+  font-weight: normal;
 
+  padding:7px 0;
 
+  margin:0;
 
+}
 
+.mobileRe .regForm dt{
 
+  margin-bottom: 15px;
 
 }

+ 28 - 0
registerMobile-success.html
View File 

@@ -0,0 +1,28 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+	<title>注册纵横通行帐号</title> 
+	<meta name=description content=一个帐号通用纵横旗下所有网络产品。> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script> 
+</head>
 
+<body>
 
+<h2 class="mobileTop">注册通行帐号</h2>
 
+<div class="mobileRe">
 
+	<div class="trainFormItem">
 
+		<dl class="regForm">
 
+		<dt>您的手机号已经注册成功</dt>
 
+			<dd>您的称呼：<b class="mailItem">outaozhen</b></dd>
 
+			<dd>手机号：<b class="mailItem">13750039378</b></dd>
 
+			<dd class="clearfix"><br>
 
+				现在您使用 <b>通行帐号</b> 或 <b>手机号</b> 即可登录纵横的网络产品了<br><br>
 
+				<a href="http://sso.smartcost.com.cn">返回首页</a> 查看纵横网络产品
 
+			</dd>
 
+		</dl>
 
+	</div>
 
+</div>
 
+</body>

+ 50 - 0
registerMobile.html
View File 

@@ -0,0 +1,50 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+	<title>注册纵横通行帐号</title> 
+	<meta name=description content=一个帐号通用纵横旗下所有网络产品。> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script> 
+</head>
 
+<body>
 
+<h2 class="mobileTop">注册通行帐号</h2>
 
+<div class="mobileRe">
 
+	<!-- <h3 class="mobileTopImg"><img src="images/mainlogo.png"></h3> -->
 
+	<div class="trainFormItem">
 
+		<div class="formEntry">
 
+			<dl class="regForm">
 
+				<dt>手机号</dt>
 
+				<dd>
 
+					<input type="tel" name="tel" id="zhuser" class="inputText inputSus" placeholder="请输入你的手机号码">
 
+				</dd>
 
+				<dt>密码</dt>
 
+					<dd>
 
+						<input type="password" class="inputText errorBor" placeholder="密码长度为6～16位，建议使用数字与英文混合">
 
+						<p class="text-danger">密码长度为6 ~ 16位</p>
 
+					</dd>
 
+				<dt>短信校验码</dt>
 
+				<dd>
 
+					<input type="tel" name="tel" class="inputText" style="width:55%;" placeholder="校验码是6位数字">
 
+					<button class="btnTextMod btnTextOne">获取验证码</button>
 
+				</dd>
 
+				<dd>
 
+					<input type="tel" name="tel" class="inputText" style="width:55%;" placeholder="校验码是6位数字">
 
+					<button class="btnTextMod btnText">再次刷新10s</button>
 
+				</dd>
 
+				<dt>怎么称呼您</dt>
 
+				<dd>
 
+					<input id="zhuser" class="inputText inputSus" placeholder="3-18位，可以由中英文、数字和标点符号等组合">
 
+				</dd>
 
+			</dl>
 
+			<dl class="regForm" style="">
 
+				<dd class="clearfix"><br><br><a class="button btn-green btnMobile" href="registerMobile-success.html">同意以下协议并注册</a></dd>
 
+				<dd><br><a href="#" style="color:#999">《通行帐号注册协议》</a></dd>
 
+			</dl>
 
+		</div>
 
+	</div>
 
+</div>
 
+</body>