失信人员列表

hdApp/src/admin/ll/list.vue

@@ -1,17 +1,17 @@
 <template>
     <view class="app-main app-content">
-      <view style="width:100%;font-size:38upx;font-weight:bold;text-align: center;padding-top:15upx;padding-bottom:40upx;background-color: white;">失信人员查询系统</view>
+      <view style="width:100%;font-size:38upx;font-weight:bold;text-align: center;padding-top:30upx;padding-bottom:40upx;background-color: white;">失信人员查询系统</view>
       <view style="background-color: white;">
         <view style="width:100%;">
           <button class="admin-button-com big blue" style="margin-left:2%;" @click="">手机号</button>
           <button class="admin-button-com big" style="margin-left:20upx;" @click="">微信号</button>
-          <button class="admin-button-com big" style="margin-left:20upx;" @click="">名称</button>
-          <button class="admin-button-com big red" style="margin-right:2%;float: right;border: 1upx solid #3385FF;color:white;background-color:#3385FF;" @click="">新增</button>
+          <button class="admin-button-com big" style="margin-left:20upx;" @click="">名 称</button>
+          <button class="admin-button-com big red" style="margin-right:2%;float: right;border: 1upx solid #3385FF;color:white;background-color:#3385FF;" @click="">新 增</button>
         </view>
         <view style="width:100%;text-align: center;padding-bottom:30upx;margin-top:10upx;">
-          <input v-model="search" name="search" type="text" 
-          style="border:1upx solid #CCCCCC;width:96%;border-radius: 10upx;height:80upx;margin:0 auto;text-align: left;padding-left:8upx;font-size:30upx;" />
-          <view style="width:100%;font-size:30upx;color:black;margin:10upx 0 5upx 2%;text-align: left;">失信人员 50人</view>
+          <input v-model="search" name="search" ref="searchRef" type="text"
+          style="border:1upx solid #CCCCCC;width:96%;border-radius: 10upx;height:90upx;margin:0 auto;text-align: left;padding-left:8upx;font-size:30upx;" />
+          <view style="width:100%;font-size:30upx;color:black;margin:15upx 0 5upx 2%;text-align: left;">失信人员 50人</view>
         </view>
       </view>
       <div class="list-wrap">
@@ -54,8 +54,7 @@
     },
     data() {
       return {
-        search:'',
-        inputFocus:false
+        search:''
       };
     },
     onPullDownRefresh() {
@@ -93,17 +92,6 @@
   };
   </script>
   <style lang="scss" scoped>
-  .admin-button-com {
-    width: 140upx;
-    height: 60upx;
-    padding: 0;
-    line-height: 60upx;
-    text-align: center;
-    font-size: 26upx;
-    &.active {
-      border: 1upx solid #ccc;
-    }
-  }
   page{
       width: 750upx;
       overflow: hidden;
@@ -148,7 +136,7 @@
       }
     }
     .list-wrap {
-      padding-top:10upx;
+      padding-top:25upx;
       .list {
         background-color: #fff;
         margin-bottom: 20upx;
@@ -182,13 +170,6 @@
         @include disFlex(center, flex-start);
         flex-wrap: wrap;
         padding: 10upx 0 40upx;
-        .admin-button-com {
-          margin-right: 20upx;
-          margin-top: 20upx;
-          padding-top: 16upx;
-          padding-bottom: 16upx;
-          border-radius: 4upx;
-        }
       }
     }
   }