Browse Source

移动版的注册页面

outaozhen 8 năm trước cách đây
mục cha
commit
f35d668b33
4 tập tin đã thay đổi với 184 bổ sung3 xóa
  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

@@ -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

@@ -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

@@ -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

@@ -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>