From 93f06e2e1e0079417d872b54c91d9d32373cbbd7 Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Fri, 17 Jan 2020 15:09:32 +0800
Subject: [PATCH] =?UTF-8?q?perf:=E5=88=86=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/assets/stylus/main.scss     |  8 ---
 .../src/components/common/pagination.vue      | 50 +++++++++++++++++--
 2 files changed, 46 insertions(+), 12 deletions(-)

diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index 66f52acef..b02eceec2 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -375,14 +375,6 @@ html {
 }
 
 /* end--内容*/
-/* start--分页*/
-.pagination {
-  padding-top: 18px;
-  text-align: center;
-}
-/* end--分页*/
-
-
 
 /* begin--右弹框滑入滑出动画*/
 @keyframes slide-in-from-right-580 {
diff --git a/nezha-fronted/src/components/common/pagination.vue b/nezha-fronted/src/components/common/pagination.vue
index 364ee181b..4d84cf80f 100644
--- a/nezha-fronted/src/components/common/pagination.vue
+++ b/nezha-fronted/src/components/common/pagination.vue
@@ -9,7 +9,7 @@
       :current-page="pageObj.pageNo"
       :page-sizes="[20, 50, 100, 300]"
       :page-size="20"
-      layout="prev, pager, next, jumper, total"
+      layout="prev, pager, next,sizes,jumper,->,total"
       :total="this.pageObj.total"
     ></el-pagination>
   </div>
@@ -56,11 +56,53 @@ export default {
 </script>
 
 <style>
+  .pagination {
+    padding-top: 18px;
+    text-align: center;
+  }
+
+  .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
+    margin:0px 10px 0px 10px;
+    padding: 0 4px;
+    font-size: 13px;
+    min-width: 20px;
+    height: 20px;
+    line-height: 20px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    text-align: center;
+    border: 1px solid rgba(154,154,154,0.20);
+    border-radius: 2px;
+    border-radius: 2px;
+  }
+  .el-pager li.number{
+    font-family: NotoSansSC-Regular;
+    color: #666666;
+    letter-spacing: 0;
+    font-weight:normal;
+  }
+  .el-pager li.number.active{
+    font-family: NotoSansSC-Regular;
+    color: #FFFFFF;
+    letter-spacing: 0;
+  }
+
   .el-pager li.active {
-    color: #f90;
-    cursor: default;
+    background: #EE9D3F;
+    border-radius: 2px;
+    border-radius: 2px;
   }
   .el-pager li:hover, .el-pagination .btn-next:hover, .el-pagination .btn-prev:hover {
-    color: #f90;
+    font-family: NotoSansSC-Regular;
+    color: #666666;
+    letter-spacing: 0;
+    font-weight:normal;
+  }
+  .el-pagination__sizes .el-input .el-input__inner,.el-pagination__editor.el-input .el-input__inner{
+    height: 20px;
+    border-color: rgba(154,154,154,0.20);
+  }
+  .el-pagination__sizes .el-input .el-input__inner:hover{
+    border-color: rgba(154,154,154,0.20);
   }
 </style>