From 48127c3f570778da351af2f316d5f25aa5b3a3a7 Mon Sep 17 00:00:00 2001
From: xianfuxing <xianfuxing@126.com>
Date: Wed, 1 Aug 2018 20:30:23 +0800
Subject: [PATCH] # up pagination style

---
 src/views/counter/count.vue | 101 +++++++++++++++++++++---------------
 1 file changed, 58 insertions(+), 43 deletions(-)

diff --git a/src/views/counter/count.vue b/src/views/counter/count.vue
index 2e59aae..d76869c 100644
--- a/src/views/counter/count.vue
+++ b/src/views/counter/count.vue
@@ -9,47 +9,47 @@
     style="width: 100%"
     :default-sort = "{prop: 'calc_time', order: 'descending'}"
     >
-    <el-table-column
-      prop="device_id"
-      label="设备ID"
-      sortable
-      min-width="100">
-    </el-table-column>
-    <el-table-column
-      prop="signal"
-      label="信号强度"
-      min-width="100">
-    </el-table-column>
-    <el-table-column
-      sortable
-      prop="mosq_count"
-      label="灭蚊数量"
-      min-width="100">
-    </el-table-column>
-    <el-table-column
-      prop="energy"
-      label="电量"
-      min-width="100">
-    </el-table-column>
-    <el-table-column
-      prop="coordinate"
-      label="坐标"
-      min-width="100"
-      :formatter="formatter">
-    </el-table-column>
-    <el-table-column
-      prop="calc_time"
-      label="时间"
-      min-width="100">
-    </el-table-column>
-  </el-table>
-  <el-pagination
-    class="pagination"
-    background
-    layout="prev, pager, next"
-    @current-change="handleCurrentChange"
-    :total="total">
-  </el-pagination>
+      <el-table-column
+        prop="device_id"
+        label="设备ID"
+        sortable
+        min-width="150">
+      </el-table-column>
+      <el-table-column
+        prop="signal"
+        label="信号强度"
+        min-width="80">
+      </el-table-column>
+      <el-table-column
+        sortable
+        prop="mosq_count"
+        label="灭蚊数量"
+        min-width="100">
+      </el-table-column>
+      <el-table-column
+        prop="energy"
+        label="电量"
+        min-width="100">
+      </el-table-column>
+      <el-table-column
+        prop="coordinate"
+        label="坐标"
+        min-width="180"
+        :formatter="formatter">
+      </el-table-column>
+      <el-table-column
+        prop="calc_time"
+        label="时间"
+        min-width="150">
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      class="pagination"
+      background
+      layout="prev, pager, next"
+      @current-change="handleCurrentChange"
+      :total="total">
+    </el-pagination>
   </div>
 </template>
 
@@ -95,7 +95,22 @@ export default {
 
 <style lang="scss">
   .pagination {
-    float: right;
-    padding: 20px 50px 0 0;
+      float: right;
+      padding: 2rem 0 0 0;
+  }
+  @media screen and (max-width: 375px) {
+    .pagination {
+      display: flex !important;
+      justify-content: center;
+      float: none;
+      padding: 1rem 0 0 0;
+      .el-pager li {
+        height: 1.5rem;
+        line-height: 1.5rem;
+        font-size: .5rem !important;
+        margin: .1rem .1rem !important;
+        min-width: 1.5rem !important;
+      }
+    }
   }
 </style>