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

登录流程修改

Chente 6 years ago
parent
8d67c56b7f
commit
ae933d803f
4 changed files with 179 additions and 3 deletions
Unified View Show Diff Stats
  1. 4 0
      css/main.css
  2. 71 0
      login-pro1.html
  3. 71 0
      login-pro2.html
  4. 33 3
      login.html

+ 4 - 0
css/main.css
View File 

@@ -67,6 +67,10 @@ a{
 
   font-size:16px;
 
   font-size:16px;
 
   color:#ff6501;
 
   color:#ff6501;
 
 }
 
 }
 
+.header-logo div.b-title{
 
+  font-size:24px;
 
+  color:#ff6501;
 
+}
 
 .top-msg{
 
 .top-msg{
 
   position: fixed;
 
   position: fixed;
 
   top:10px;
 
   top:10px;

+ 71 - 0
login-pro1.html
View File 

@@ -0,0 +1,71 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>用户信息填写-Smartcost</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+    <div class="header">
 
+          <!-- <div class="top-msg clearfix">
 
+              <div class="alert alert-warning mb-0 py-0" role="alert">
 
+                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
 
+                    <span aria-hidden="true">&times;</span>
 
+                  </button>
 
+                  <strong>注意！</strong> 这是一条消息通知 <a href="#">链接</a>
 
+              </div>
 
+          </div> -->
 
+          <nav class="navbar navbar-expand-lg p-0 d-flex">
 
+           <div class="header-logo">
 
+                <div class="b-title">纵横建筑云计价(免费版)</div>
 
+            </div>
 
+              <div class="ml-auto navbar-text p-0">
 
+                  <div class="dropdown d-inline-block navbar-nav">
 
+                      <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">15812644710</button>
 
+                      <div class="dropdown-menu dropdown-menu-right">
 
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</a>
 
+                      </div>
 
+                  </div>
 
+              </div>
 
+          </nav>
 
+      </div>
 
+    <div class="container mt-3">
 
+        <div class="row">
 
+            <div class="col-lg-8 m-auto">
 
+                <div class="row">
 
+                    <div class="col-sm-6">
 
+                        <div class="card card-block">
 
+                            <div class="card-body">
 
+                                <h3 class="card-title">重庆版(2018)免费版</h3>
 
+                                <p class="card-text">介绍内容</p>
 
+                                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-sm-6">
 
+                        <div class="card card-block">
 
+                            <div class="card-body">
 
+                                <h3 class="card-title">广东版(2018)免费版</h3>
 
+                                <p class="card-text">介绍内容</p>
 
+                                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

+ 71 - 0
login-pro2.html
View File 

@@ -0,0 +1,71 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>用户信息填写-Smartcost</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+    <div class="header">
 
+          <!-- <div class="top-msg clearfix">
 
+              <div class="alert alert-warning mb-0 py-0" role="alert">
 
+                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
 
+                    <span aria-hidden="true">&times;</span>
 
+                  </button>
 
+                  <strong>注意！</strong> 这是一条消息通知 <a href="#">链接</a>
 
+              </div>
 
+          </div> -->
 
+          <nav class="navbar navbar-expand-lg p-0 d-flex">
 
+           <div class="header-logo">
 
+                <div class="b-title">纵横公路养护</div>
 
+            </div>
 
+              <div class="ml-auto navbar-text p-0">
 
+                  <div class="dropdown d-inline-block navbar-nav">
 
+                      <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">15812644710</button>
 
+                      <div class="dropdown-menu dropdown-menu-right">
 
+                          <a class="dropdown-item" href="#" target="_blank">退出登录</a>
 
+                      </div>
 
+                  </div>
 
+              </div>
 
+          </nav>
 
+      </div>
 
+    <div class="container mt-3">
 
+        <div class="row">
 
+            <div class="col-lg-8 m-auto">
 
+                <div class="row">
 
+                    <div class="col-sm-6">
 
+                        <div class="card card-block">
 
+                            <div class="card-body">
 
+                                <h3 class="card-title">重庆养护</h3>
 
+                                <p class="card-text">介绍内容</p>
 
+                                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-sm-6">
 
+                        <div class="card card-block">
 
+                            <div class="card-body">
 
+                                <h3 class="card-title">广东养护</h3>
 
+                                <p class="card-text">介绍内容</p>
 
+                                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

+ 33 - 3
login.html
View File 

@@ -13,7 +13,7 @@
 
     <div class="login-bg"></div>
 
     <div class="login-bg"></div>
 
     <div class="container login-panel">
 
     <div class="container login-panel">
 
         <form class="form-signin">
 
         <form class="form-signin">
 
-            <h1 class="d-flex justify-content-center mb-5"><img src="img/building.png" width="40" height="40" class="mt-2 mr-3"> 纵横建筑云计价</h1>
 
+            <h1 class="d-flex justify-content-center mb-5"><img src="img/building.png" width="40" height="40" class="mt-2 mr-3"> 纵横云计价</h1>
 
             <div class="form-group">
 
             <div class="form-group">
 
                 <input id="inputEmail" class="form-control " placeholder="通行账号 邮箱/手机" required="" autofocus="">
 
                 <input id="inputEmail" class="form-control " placeholder="通行账号 邮箱/手机" required="" autofocus="">
 
                 <small id="emailHelp" class="form-text text-danger">您输入的 邮箱/手机 格式不对</small>
 
                 <small id="emailHelp" class="form-text text-danger">您输入的 邮箱/手机 格式不对</small>
 
@@ -22,7 +22,7 @@
 
                 <input id="inputPassword" class="form-control " placeholder="输入密码" required="" type="password">
 
                 <input id="inputPassword" class="form-control " placeholder="输入密码" required="" type="password">
 
             </div>
 
             </div>
 
             <div class="form-group">
 
             <div class="form-group">
 
-                <a href="#ver" class="btn btn-primary btn-block" data-toggle="modal" data-target="#ver">登录</a>
 
+                <a href="#ver" class="btn btn-primary btn-block" data-toggle="modal" data-target="#pro">登录</a>
 
             </div>
 
             </div>
 
             <div class="pt-1 d-flex justify-content-center">
 
             <div class="pt-1 d-flex justify-content-center">
 
                 <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
 
                 <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
 
@@ -58,7 +58,37 @@
 
         </form> -->
 
         </form> -->
 
         <div class="text-muted fixed-bottom"><p class="text-center">Copyright © 2018 <a href="https://smartcost.com.cn" target="_blank" class="text-muted">珠海纵横造价软件有限公司</a>.All Rights Reserved.<a class="text-muted ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
 
         <div class="text-muted fixed-bottom"><p class="text-center">Copyright © 2018 <a href="https://smartcost.com.cn" target="_blank" class="text-muted">珠海纵横造价软件有限公司</a>.All Rights Reserved.<a class="text-muted ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
 
     </div>
 
     </div>
 
-    <!--弹出版本选择-->
 
+    <!--弹出产产品选择-->
 
+    <div class="modal fade" id="pro" data-backdrop="static">
 
+        <div class="modal-dialog modal-lg" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">选择登录产品</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                    <div class="row">
 
+                        <div class="col-sm-6">
 
+                            <div class="card card-block">
 
+                                <div class="card-body">
 
+                                    <h3 class="card-title">纵横建筑云计价</h3>
 
+                                    <a class="btn btn-primary" href="login-pro1.html">开始使用</a>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="col-sm-6">
 
+                            <div class="card card-block">
 
+                                <div class="card-body">
 
+                                    <h3 class="card-title">纵横公路养护</h3>
 
+                                    <a class="btn btn-primary" href="login-pro2.html">开始使用</a>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--弹出费用定额-->
 
     <div class="modal fade" id="ver" data-backdrop="static">
 
     <div class="modal fade" id="ver" data-backdrop="static">
 
         <div class="modal-dialog modal-lg" role="document">
 
         <div class="modal-dialog modal-lg" role="document">
 
             <div class="modal-content">
 
             <div class="modal-content">