Преглед изворни кода

短信登录,移除后台账号管理响应式布局

Chente пре 6 година
родитељ
комит
4138d9b5de
6 измењених фајлова са 63 додато и 30 уклоњено
  1. 1 1
      login - sms.html
  2. 32 3
      login.html
  3. 3 3
      user-buy.html
  4. 2 2
      user-info.html
  5. 22 18
      user-safe.html
  6. 3 3
      user-set.html

+ 1 - 1
login - sms.html

@@ -14,7 +14,7 @@
     <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>
-            <p class="mb-1">请您提供手机验证码进行安全登录。</p>
+                    <p class="mb-1">您关闭了「账号登录」,请通过手机验证码登录。</p>
                     <p class="">请点击“获取验证码”,验证码将发送至手机 158*****017,注意查收。</p>
                     <div class="form-row">
                         <div class="form-group col-md-8">

+ 32 - 3
login.html

@@ -14,6 +14,7 @@
     <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>
+            <p>账号登录</p>
             <div class="form-group">
                 <input id="inputEmail" class="form-control " placeholder="通行账号 邮箱/手机" required="" autofocus="">
                 <small id="emailHelp" class="form-text text-danger">您输入的 邮箱/手机 格式不对</small>
@@ -24,9 +25,37 @@
             <div class="form-group">
                 <a href="#phonepass" class="btn btn-primary btn-block" data-toggle="modal" data-target="#phonepass">登录</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>
-                <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
+            <div class="pt-1 d-flex justify-content-between">
+                    <a href="" target="_blank" class="mr-3">短信登录</a>
+                <div>
+                    <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
+                    <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
+                </div>
+            </div>
+        </form>
+        <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>
+            <p>短信登录</p>
+            <div class="form-row">
+                        <div class="form-group col-md-8">
+                            <input type="phone" class="form-control" id="inputEmail4" placeholder="输入手机号码">
+                        </div>
+                        <div class="form-group col-md-4">
+                            <button class="btn btn-primary">获取验证码</button>
+                        </div>
+                    </div>
+            <div class="form-group">
+                <input id="inputPassword" class="form-control " placeholder="输入验证码" required="" type="text">
+            </div>
+            <div class="form-group">
+                <a href="#phonepass" class="btn btn-primary btn-block" data-toggle="modal" data-target="#phonepass">登录</a>
+            </div>
+            <div class="pt-1 d-flex justify-content-between">
+                    <a href="" target="_blank" class="mr-3">账号登录</a>
+                <div>
+                    <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
+                    <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
+                </div>
             </div>
         </form>
         <!--登录错误-->

+ 3 - 3
user-buy.html

@@ -73,7 +73,7 @@
     <div class="main">
         <div class="poj-manage container-fluid">
             <div class="row">
-                <div class="col-lg-2">
+                <div class="col-2">
                     <div class="mt-3">
                         <ul class="nav nav-pills flex-column">
                             <li class="nav-item">
@@ -91,8 +91,8 @@
                         </ul>
                     </div>
                 </div>
-                <div class="col-lg-10 side-content">
-                    <div class="col-lg-12 my-3">
+                <div class="col-10 side-content">
+                    <div class="col-12 my-3">
                         <!-- <legend>购买企业版</legend>
                         <div class="card card-body mb-5">
                             <h3 class="card-title">Smartcost 企业版</h3>

+ 2 - 2
user-info.html

@@ -73,7 +73,7 @@
     <div class="main">
         <div class="poj-manage container-fluid">
             <div class="row">
-                <div class="col-lg-2">
+                <div class="col-2">
                     <div class="mt-3">
                         <ul class="nav nav-pills flex-column">
                             <li class="nav-item">
@@ -91,7 +91,7 @@
                         </ul>
                     </div>
                 </div>
-                <div class="col-lg-10">
+                <div class="col-10">
                     <div class="col-lg-4">
                         <legend class="my-3">账号资料</legend>
                         <from>

+ 22 - 18
user-safe.html

@@ -73,7 +73,7 @@
     <div class="main">
         <div class="poj-manage container-fluid">
             <div class="row">
-                <div class="col-lg-2">
+                <div class="col-2">
                     <div class="mt-3">
                         <ul class="nav nav-pills flex-column">
                             <li class="nav-item">
@@ -91,8 +91,8 @@
                         </ul>
                     </div>
                 </div>
-                <div class="col-lg-10">
-                    <div class="col-lg-4">
+                <div class="col-10 side-content">
+                    <div class="col-4">
                         <legend class="my-3">账号安全</legend>
                         <from>
                             <div class="form-group">
@@ -118,13 +118,25 @@
                                 <div class="form-control-static">
                                   <div class="custom-control custom-checkbox" >
                                     <input type="checkbox" class="custom-control-input" id="customCheck1">
-                                    <label class="custom-control-label" for="customCheck1"  data-toggle="modal" data-target="#phoneTips">开启</label>
+                                    <label class="custom-control-label" for="customCheck1" >开启</label>
                                   </div>
                                   <p class="text-muted">
                                     账号出现异常登录时将给你的手机号码发送通知。
                                   </p>
                                 </div>
                             </div>
+                            <div class="form-group">
+                                <label class="form-control-label">关闭账号登录</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
+                                    <label class="custom-control-label" for="customCheck2" >关闭</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    关闭账号登录后,只能通过短信验证码方式登录。
+                                  </p>
+                                </div>
+                            </div>
                         </from>
                     </div>
                     <div class="mt-5">
@@ -141,6 +153,12 @@
                           <tr>
                             <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
                           </tr>
+                          <tr>
+                            <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                          </tr>
+                          <tr>
+                            <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                          </tr>
                         </tbody>
                       </table>
                       <nav aria-label="...">
@@ -161,20 +179,6 @@
             </div>
         </div>
     </div>
-    <!--弹出异常登录提醒-->
-    <div class="modal fade" id="phoneTips" data-backdrop="static">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-body">
-                    <p>开启异常登录提醒,需要先为您的通行账号添加手机号码。</p>
-                    <p><a class="btn btn-primary btn-sm" href="#">去添加手机</a></p>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-                </div>
-            </div>
-        </div>
-    </div>
     <!-- JS. -->
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
     <script src="js/popper/popper.min.js"></script>

+ 3 - 3
user-set.html

@@ -73,7 +73,7 @@
     <div class="main">
         <div class="poj-manage container-fluid">
             <div class="row">
-                <div class="col-lg-2">
+                <div class="col-2">
                     <div class="mt-3">
                         <ul class="nav nav-pills flex-column">
                             <li class="nav-item">
@@ -91,8 +91,8 @@
                         </ul>
                     </div>
                 </div>
-                <div class="col-lg-10">
-                    <div class="col-lg-4">
+                <div class="col-10">
+                    <div class="col-4">
                         <legend class="my-3">登录设置</legend>
                         <from>
                             <div class="form-group">