浏览代码

增加短信验证

outaozhen 6 年之前
父节点
当前提交
07aeec1de2
共有 3 个文件被更改,包括 60 次插入48 次删除
  1. 10 0
      css/global.css
  2. 44 23
      software-buliding.html
  3. 6 25
      software-index1.html

+ 10 - 0
css/global.css

@@ -658,4 +658,14 @@ body{
   background: linear-gradient(to bottom right,#6d5855,#3b2d2a);
   color: #fff;
   margin:0 0 10px 0;
+}
+.form-group{
+  position:relative;
+}
+.erroT{
+  border:1px solid #f00;
+}
+.form-group span.text-danger{
+  position:absolute;
+  top:40px;
 }

+ 44 - 23
software-buliding.html

@@ -164,7 +164,7 @@
             <div class="p-3">
               <div class="jumbotron bg-white mb-0 pb-1 pt-5">
                 <div class="container">
-                  <div class="float-right"><a class="btn btn-primary btn-lg ml-3" href="#" role="button">点击免费使用</a></div>
+                  <div class="float-right"><a class="btn btn-primary btn-lg ml-3" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击免费使用</a></div>
                   <h1 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">纵横建筑云计价</h1>
                   <p class="lead ml-4"><span class="ml-4">免费的正版软件</span></p>
                   <hr class="my-4">
@@ -178,32 +178,12 @@
               <div class="row" id="version-area">
                   <div class="col-6 mb-4">
                     <div class="card card-block">
-                      <div class="card-body"><h3 class="card-title">重庆定额(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
+                      <div class="card-body"><h3 class="card-title">重庆建筑(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
                     </div>
                   </div>
                   <div class="col-6 mb-4">
                     <div class="card card-block">
-                      <div class="card-body"><h3 class="card-title">江西定额(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
-                    </div>
-                  </div>
-                  <div class="col-6 mb-4">
-                    <div class="card card-block">
-                      <div class="card-body"><h3 class="card-title">重庆定额(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
-                    </div>
-                  </div>
-                  <div class="col-6 mb-4">
-                    <div class="card card-block">
-                      <div class="card-body"><h3 class="card-title">江西定额(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
-                    </div>
-                  </div>
-                  <div class="col-6 mb-4">
-                    <div class="card card-block">
-                      <div class="card-body"><h3 class="card-title">重庆定额(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
-                    </div>
-                  </div>
-                  <div class="col-6 mb-4">
-                    <div class="card card-block">
-                      <div class="card-body"><h3 class="card-title">江西定额(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
+                      <div class="card-body"><h3 class="card-title">江西建筑(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
                     </div>
                   </div>
               </div>
@@ -374,6 +354,47 @@
       </div>
     </div>
 
+    <!-- 绑定手机号 -->
+    <div class="modal" tabindex="-1" role="dialog" id="phonebinding" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">绑定手机号</h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <p><i class="text-danger fa fa-exclamation-triangle"></i> 您的通行帐号未绑定手机号,请先验证手机号进行绑定。</p>
+            <form>
+              <div class="form-group row">
+                 <label for="" class="col-sm-8 col-form-label"><input type="text" class="form-control form-control-sm" id="" placeholder="验证码"></label>
+                 <div class="col-sm-4">
+                  <button type="button" class="btn btn-primary btn-sm">获取验证码</button>
+                 </div>
+              </div>
+              <div class="form-group row">
+                 <label for="" class="col-sm-8 col-form-label"><input type="text" class="form-control form-control-sm" id="" placeholder="验证码"></label>
+                 <div class="col-sm-4">
+                  <button type="button" class="btn btn-secondary btn-sm">59秒 重新获取</button>
+                 </div>
+              </div>
+              <div class="form-group row">
+                 <label for="" class="col-sm-8 col-form-label"><input type="text" class="form-control form-control-sm erroT" id="" placeholder="验证码"><span class="text-danger">验证码错误</span></label>
+                 <div class="col-sm-4">
+                  <button type="button" class="btn btn-secondary btn-sm">59秒 重新获取</button>
+                 </div>
+              </div>
+            </form>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
+            <button type="button" class="btn btn-primary btn-sm">确定</button>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- 登录 -->
     <div class="modal" tabindex="-1" role="dialog" id="loginwrap" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
       <div class="modal-dialog" role="document">

+ 6 - 25
software-index1.html

@@ -223,9 +223,9 @@
             <div class="software-detail-top pl-3">
               <div class="jumbotron bg-white mb-0 pb-1 pt-5">
                 <div class="container">
-                  <div class="float-right"><a class="btn btn-primary btn-lg ml-3" href="#" role="button">点击免费使用</a></div>
+                  <div class="float-right"><a class="btn btn-primary btn-lg ml-3" href="#" role="button">进入软件</a></div>
                   <h1 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">纵横公路养护云版</h1>
-                  <p class="lead ml-4"><span class="ml-4">免费的正版软件</span></p>
+                  <!-- <p class="lead ml-4"><span class="ml-4">免费的正版软件</span></p> -->
                   <hr class="my-4">
                 </div>
               </div>
@@ -244,34 +244,15 @@
                       <div class="row" id="version-area">
                           <div class="col-6 mb-4">
                             <div class="card card-block">
-                              <div class="card-body"><h3 class="card-title">重庆养护(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
+                              <div class="card-body"><h3 class="card-title">重庆养护</h3><p class="card-text">根据《重庆市公路养护工程预算编制办法》([2018]渝非内字023号)、《重庆市公路养护工程预算定额》([2018]渝非内字022号)编制。
+</p></div>
                             </div>
                           </div>
-                          <div class="col-6 mb-4">
-                            <div class="card card-block">
-                              <div class="card-body"><h3 class="card-title">江西养护(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
-                            </div>
-                          </div>
-                          <div class="col-6 mb-4">
-                            <div class="card card-block">
-                              <div class="card-body"><h3 class="card-title">重庆养护(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
-                            </div>
-                          </div>
-                          <div class="col-6 mb-4">
+                          <!-- <div class="col-6 mb-4">
                             <div class="card card-block">
                               <div class="card-body"><h3 class="card-title">江西养护(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
                             </div>
-                          </div>
-                          <div class="col-6 mb-4">
-                            <div class="card card-block">
-                              <div class="card-body"><h3 class="card-title">重庆养护(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
-                            </div>
-                          </div>
-                          <div class="col-6 mb-4">
-                            <div class="card card-block">
-                              <div class="card-body"><h3 class="card-title">江西养护(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
-                            </div>
-                          </div>
+                          </div> -->
                       </div>
                     </div>
                   </div>