ソースを参照

登录流程修改

Chente 6 年 前
コミット
ae933d803f
4 ファイル変更179 行追加3 行削除
  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

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

+ 71 - 0
login-pro1.html

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

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

@@ -13,7 +13,7 @@
     <div class="login-bg"></div>
     <div class="container login-panel">
         <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">
                 <input id="inputEmail" class="form-control " placeholder="通行账号 邮箱/手机" required="" autofocus="">
                 <small id="emailHelp" class="form-text text-danger">您输入的 邮箱/手机 格式不对</small>
@@ -22,7 +22,7 @@
                 <input id="inputPassword" class="form-control " placeholder="输入密码" required="" type="password">
             </div>
             <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 class="pt-1 d-flex justify-content-center">
                 <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
@@ -58,7 +58,37 @@
         </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>
-    <!--弹出版本选择-->
+    <!--弹出产产品选择-->
+    <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-dialog modal-lg" role="document">
             <div class="modal-content">