Pārlūkot izejas kodu

APP 增加扫码登录扫码,APP下载移动到顶部 ;登录页改版,增加软件下载链接

Chente 8 gadi atpakaļ
vecāks
revīzija
61d658521e
2 mainītis faili ar 64 papildinājumiem un 46 dzēšanām
  1. 27 10
      edit-app.html
  2. 37 36
      login.html

+ 27 - 10
edit-app.html

@@ -13,16 +13,19 @@
 </head>
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 			<div class="btn-group">
+				<button class="btn dropdown-toggle">手机APP</button>
+			</div>
+			<div class="btn-group">
                 <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
                 <ul class="dropdown-menu">
                   <li><a href="#">个人信息</a></li>
                 <li><a href="edit-profile-sms.html">短信通知</a></li>
-                  <li><a href="edit-app.html">APP</a></li>
+							<li><a href="#">下载桌面软件</a></li>
                   <li class="divider"></li>
                   <li><a href="#">退出</a></li>
                 </ul>
         	</div>
-          </div>
+        </div>
     </div>
     <div class="wrapContent">
     	<div class="mainSidebar">
@@ -46,19 +49,33 @@
           <div class="form">
             <legend>下载APP</legend>
 						<div class="app-code-item clearfix">
-							<div class="android-code">
-								<h1>Android</h1>
-								<div class="code-img"><img src="images/android-code.png"></div>
-							</div>
-							<div class="ios-code">
-								<h1>iOS</h1>
-								<div class="code-img"><img src="images/ios-code.png"></div>
-							</div>
+							<h1>扫码下载APP</h1>
+							<div class="code-img"><img src="images/android-code.png"></div>
+							<br>
+							<h1>APP扫码快捷登录</h1>
+							<div class="code-img"><a class="btn btn-link" data-toggle="modal" href="#app-help"><span class="glyphicon glyphicon-question-sign"></span> 如何快捷登录</a><br><img src="images/android-code.png"></div>
 						</div>
           </div>
         </div>
         <!--内容-->
     	</div>
     </div>
+		<!-- 弹出帮助 -->
+		<div class="modal fade" id="app-help" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+		  <div class="modal-dialog" role="document">
+		    <div class="modal-content">
+		      <div class="modal-header">
+		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+		        <h4 class="modal-title" id="myModalLabel">APP扫码登录</h4>
+		      </div>
+		      <div class="modal-body">
+		        <p>自动填写服务器和账号密码</p>
+		      </div>
+		      <div class="modal-footer">
+		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+		      </div>
+		    </div>
+		  </div>
+		</div>
 <script type="text/javascript">autoFlashHeight();</script>
 </body>

+ 37 - 36
login.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html lang=zh-cn> 
+<html lang=zh-cn>
 <head>
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<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> 
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
+	<title>纵横计量支付系统</title>
+	<meta name=description content=计量支付>
+	<meta name=copyright content=smartcost.com.cn>
+	<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>
+	<script src=js/jl.js></script>
 </head>
 <body>
 <div class="wrapHeader">
@@ -18,29 +18,30 @@
     </div>
     <div class="wrapLogin">
       <div class="loginPanel">
-        <div  class="tpa"><b>系统名称</b>用户登录</div>
+        <div  class="tpa"><h4>系统名称系统名称系统名称系统名称系统名称系统名称系统名称</h4></div>
         <div class="clearfix">
-        <div class="fL">
-          <img src="images/avatar-normal.png">
-        </div>
-        <div class="fR">
-          <div><span data-original-title="只允许使用通行账号填写的邮箱进行登录" data-toggle="tooltip" data-placement="bottom"> <input type="text" placeholder="邮箱"></span></div>
-          <input type="password" placeholder="密码">
-          <span id="helpBlock" class="help-block"><a href="#fnpw" data-toggle="modal">找回密码</a></span>
-        </div>
-      </div>
-        <div class="clearfix">
-          <button class="btn btn-normal btn-block btn-primary" type="button" data-loading-text="登录中...">登录</button>
-          <div class="alert alert-error">
-                <span data-icon="t" aria-hidden="true"></span> 帐号不存在,请检查输入是否有误
-          </div>
-          <div class="alert alert-error">
-                <span data-icon="t" aria-hidden="true"></span> 密码错误,注意大小写
-          </div>
-          <div class="alert alert-success">
-                <span data-icon="b" aria-hidden="true"></span> 即将进入系统
-          </div>
-        </div>  
+					<div class="form-group">
+						<div class="input-group">
+						 <div class="input-group-addon"><i class="glyphicon glyphicon-user"></i></div>
+							<input class="form-control input-lg" placeholder="输入邮箱">
+						</div>
+					</div>
+					<div class="form-group">
+						<div class="input-group">
+						 <div class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></div>
+							<input class="form-control input-lg" placeholder="输入密码" type="password">
+						</div>
+					</div>
+      	</div>
+      	<div class="clearfix">
+	        <button class="btn btn-block btn-primary btn-lg" type="button" data-loading-text="登录中...">登录</button>
+	        <div class="alert alert-danger">
+	              <span data-icon="t" aria-hidden="true"></span> 帐号或密码错误,请检查输入是否有误。
+	        </div>
+	        <div class="alert">
+	             <a href="">下载桌面软件 v3.1.2</a>
+	        </div>
+      	</div>
       </div>
       <div class="copyRight">Copyright @<a href="http://smartcost.com.cn" target="_blank">珠海纵横创新软件有限公司</a> all rights reserved<a href="admin-login.html">。</a><br>v1.2.1</div>
     </div>
@@ -52,7 +53,7 @@
         <h3 id="myModalLabel">找回密碼</h3>
       </div>
       <div class="modal-body">
-        
+
       <div class="form">
         <form class="form-horizontal">
           <div class="control-group">
@@ -61,14 +62,14 @@
               <input type="text" placeholder="输入邮箱地址">
               <span id="helpBlock" class="help-block">系统会发送一个随机密码到邮箱中</span>
             </div>
-          </div> 
+          </div>
           <div class="alert alert-success">
             <span data-icon="b" aria-hidden="true"></span> 发送成功
           </div>
           <div class="alert alert-error">
             <span data-icon="t" aria-hidden="true"></span> 帐号(邮箱)不存在
           </div>
-        </form>  
+        </form>
       </div>
       </div>
       <div class="modal-footer">
@@ -77,4 +78,4 @@
       </div>
     </div>
     <!-- 找回密码 -->
-</body>
+</body>