perf: 二级页面布局调整、增加动画

nezha-fronted/src/components/common/pagination.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pagination" :class="{'is-sub-list': isSubList}">
+  <div class="pagination">
     <el-pagination
       ref="page"
       @size-change="size"
@@ -9,7 +9,7 @@
       :current-page="pageObj.pageNo"
       :page-sizes="pageSizes?pageSizes:[20, 50, 100]"
       :page-size="pageSize"
-      :layout="isSubList ? 'prev, pager, next' : 'total, prev, pager, next, slot, jumper'"
+      layout="total, prev, pager, next, slot"
       :total="this.pageObj.total"
     >
       <el-select v-model="pageSize" :placeholder="pageSize+$t('pageSize')" size="mini"  :popper-append-to-body="false" class="pagination-size-select" @change="size">
@@ -23,7 +23,7 @@
 <script>
 export default {
   name: "pagination",
-  props: ['pageObj', 'tableId', 'postPageSizes', 'isSubList'],
+  props: ['pageObj', 'tableId', 'postPageSizes'],
   data() {
     return {
       pageSize: 20,
@@ -117,6 +117,9 @@ export default {
     text-align: center;
     max-height: 42px;
   }
+  .pagination-top .pagination {
+    padding-top: 0;
+  }
   /*.pagination .el-popper[x-placement^=bottom] .popper__arrow {
     bottom: -6px;
     margin-right: 3px;
@@ -205,8 +208,4 @@ export default {
   .el-pagination__sizes .el-input .el-input__inner:hover{
     border-color: rgba(154,154,154,0.20);
   }
-  .pagination.is-sub-list {
-    margin-top: -4px !important;
-    padding-top: 0;
-  }
 </style>