数据页面样式调试1

app/view/index/index.html

@@ -4,6 +4,24 @@
     .layui-table-cell {
         padding: 0 5px;
     }
+    .layui-input, .layui-select, .layui-textarea {
+        height: 28px;
+    }
+    .layui-input-block {
+        height: 28px;
+    }
+    .layui-form-label {
+        padding: 4px 15px;
+    }
+    .layui-form-item {
+        margin-bottom: 4px;
+    }
+    .layui-form-mid {
+        padding: 0;
+    }
+    .layui-table td, .layui-table th {
+        padding: 0 15px;
+    }
 </style>
 {/block}
 {block name="body"}
@@ -11,7 +29,14 @@
     <div class="layui-card-body layui-form" style="padding: 0 10px;">
         <div class="layui-collapse">
             <div class="layui-colla-item">
-                <h2 class="layui-colla-title">筛选</h2>
+                <h2 class="layui-colla-title" style="display: flex; justify-content: space-between;">
+                    <span>筛选</span>
+                    <div id="tool-bar">
+                        <button type="button" class="layui-btn layui-btn-sm" id="search-btn">搜索</button>
+                        <a href="{:url('index/index')}" class="layui-btn layui-btn-sm" id="reset-btn">重置条件</a>
+                        <button type="button" class="layui-btn layui-btn-sm layui-btn-danger" style="display: none;" id="deletes-btn">批量删除</button>
+                    </div>
+                </h2>
                 <div class="layui-colla-content layui-form">
                     <div class="layui-row">
                         <div class="layui-form-item layui-col-md3" style="clear: none;">
@@ -105,7 +130,7 @@
                         </div>
                         <div class="layui-form-item layui-col-md4" style="clear: none;">
                             <label class="layui-form-label">电话检测</label>
-                            <div class="layui-input-inline" style="width: 300px;padding-top: 7px;">
+                            <div class="layui-input-inline" style="width: 300px;padding-top: 3px;">
                                 <input type="radio" class="layui-input" name="car_phone_empty" value="all" title="全部" checked>
                                 <input type="radio" class="layui-input" name="car_phone_empty" value="yes" title="不为空">
                                 <input type="radio" class="layui-input" name="car_phone_empty" value="no" title="空">
@@ -113,7 +138,7 @@
                         </div>
                         <div class="layui-form-item layui-col-md4" style="clear: none;">
                             <label class="layui-form-label">重复数据</label>
-                            <div class="layui-input-inline" style="padding-top: 7px;">
+                            <div class="layui-input-inline" style="padding-top: 3px;">
                                 <input type="radio" class="layui-input" name="data_check" value="no" title="否" checked>
                                 {if $repeat_frame_count > 0 }
                                 <input type="radio" class="layui-input" name="data_check" value="car_frame_check" title="车架号">
@@ -152,11 +177,6 @@
                             </div>
                         </div>
                     </div>
-                    <div class="layui-input-block layui-text-right" id="tool-bar">
-                        <button type="button" class="layui-btn" id="search-btn">搜索</button>
-                        <a href="{:url('index/index')}" class="layui-btn" id="reset-btn">重置条件</a>
-                        <button type="button" class="layui-btn layui-btn-danger" style="display: none;" id="deletes-btn">批量删除</button>
-                    </div>
                 </div>
             </div>
         </div>