输入框组 和 按钮组高度不一致

biaoduan-panel.html

@@ -118,8 +118,8 @@
             <div class="sjs-height-0">
               <div class="m-3">
                 <!--金额概况-->
-                <div class="row mx-0 mb-3">
-                  <div class="col-auto p-0">
+                <div class="row mx-0">
+                  <div class="col-auto p-0 mb-3">
                     <div class="card text-center">
                       <div class="card-body">
                         <h5 class="card-title">163,000.00</h5>
@@ -167,6 +167,33 @@
                       </div>
                     </div>
                   </div>
+                  <div class="col-auto pr-0">
+                    <div class="card text-center">
+                      <div class="card-body py-3">
+                        <h5 class="card-title">
+                          <div class="dropdown">
+                            <a class="btn btn-sm btn-outline-primary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                              标段设置
+                            </a>
+                            <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
+                              <a href="#bd-set-1" data-toggle="modal" data-target="#bd-set-1" class="dropdown-item">标段属性</a>
+                              <a href="#bd-set-2" data-toggle="modal" data-target="#bd-set-2" class="dropdown-item">小数位数</a>
+                              <a href="#bd-set-3" data-toggle="modal" data-target="#bd-set-3" class="dropdown-item">数量精度</a>
+                              <a href="#bd-set-4" data-toggle="modal" data-target="#bd-set-4" class="dropdown-item">合同参数</a>
+                              <a href="#bd-set-5" data-toggle="modal" data-target="#bd-set-5" class="dropdown-item">显示设置</a>
+                              <a href="#bd-set-6" data-toggle="modal" data-target="#bd-set-6" class="dropdown-item">章节设置</a>
+                              <a href="#bd-set-7" data-toggle="modal" data-target="#bd-set-7" class="dropdown-item">付款账号</a>
+                              <a class="dropdown-item" href="#batch" data-toggle="modal" data-target="#batch"><i class="fa fa-clipboard "></i> 拷贝设置</a>
+                            </div>
+                          </div>
+                        </h5>
+                        <p class="card-text">查阅人
+                      <a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="刘德华">德华</span></a>
+                      <a><span class="avatar bg-4 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王五">王五</span></a>
+                      <a><span class="avatar bg-9 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王安然">安然</span></a></p>
+                      </div>
+                    </div>
+                  </div>
                 </div>
                 <!--进度条-->
                 <div class="mb-3">
@@ -177,7 +204,7 @@
                   </div>
                 </div>
                 <!--标段设置-->
-                <div class="col-12 p-0 mb-3">
+                <!-- <div class="col-12 p-0 mb-3">
                   <div class="card">
                     <div class="card-body">
                       <h5 class="card-title">标段设置</h5>
@@ -196,7 +223,7 @@
                       <a><span class="avatar bg-9 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王安然">安然</span></a>
                     </div>
                   </div>
-                </div>
+                </div> -->
                 <!--图表-->
                 <div class="card mb-3">
                   <div class="card-body">

css/main.css

@@ -1083,14 +1083,14 @@ legend {
   font-size:16px;
 }
 .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
-    height: calc(1.4125rem + 2px);
+    height: calc(1.4125rem - 1px);
 }
 .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text{
-  height: calc(1.4125rem + 2px);
+  height: calc(1.4125rem - 1px);
 }
 .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
   font-size:12px;
-  padding:.1rem .5rem;
+  padding:0rem .5rem;
   }
 .side-menu{
     right:0;
@@ -1100,11 +1100,17 @@ legend {
     border-left: 1px solid #ddd;
   }
 .form-control-sm{
-  height:calc(1.4125rem + 2px);
+  height:calc(1.4125rem - 1px);
 }
 .form-group {
   margin-bottom:.5rem;
 }
+.custom-control-label::before{
+  top:0rem;
+}
+.custom-control-label::after{
+  top:0rem;
+}
 .badge{
   font-size:100%;
 }

settings-user.html

@@ -156,6 +156,42 @@
                               </tr>
                             </tbody>
                           </table>
+                          
+                      <div class="d-flex justify-content-center">
+                        <nav aria-label="Page navigation example">
+                          <ul class="pagination pagination-sm">
+                            <li class="page-item disabled">
+                              <span class="page-link" >共32条</span>
+                            </li>
+                            <li class="page-item">
+                              <span class="page-link" >
+                                <div class="btn-group">
+                                  <a type="button" class="text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai" >每页15条</a>
+                                  <div class="dropdown-menu" aria-labelledby="zhankai" style="">
+                                    <a class="dropdown-item" href="#">每页15条</a>
+                                    <a class="dropdown-item" href="#">每页30条</a>
+                                    <a class="dropdown-item" href="#">每页50条</a>
+                                    <a class="dropdown-item" href="#">每页100条</a>
+                                  </div>
+                                </div>
+                              </span>
+                            </li>
+                            <li class="page-item">
+                              <a class="page-link" href="#" aria-label="Previous">
+                                <span aria-hidden="true">&laquo;</span>
+                              </a>
+                            </li>
+                            <li class="page-item"><a class="page-link" href="#">1</a></li>
+                            <li class="page-item"><a class="page-link" href="#">2</a></li>
+                            <li class="page-item"><a class="page-link" href="#">3</a></li>
+                            <li class="page-item">
+                              <a class="page-link" href="#" aria-label="Next">
+                                <span aria-hidden="true">&raquo;</span>
+                              </a>
+                            </li>
+                          </ul>
+                        </nav>
+                      </div>
                         </div>
                       </div>
                     </div>