修改分页样式

src/views/hdsj/Index.vue

@@ -126,7 +126,7 @@
           </div>
         </div>
       </div>
-      <div class="pr-b3 pr">
+      <div class="pr-b3 pr tab-table table-carousel">
         <span class="title2-right">越界预警</span>
 <!--        <el-carousel-->
 <!--               style="width: 100%"-->
@@ -153,7 +153,7 @@
                   </li>
                 </ul>
         <el-pagination
-                class="pageForDown"
+                class="pageForDown pagi-default"
                 style="opacity: 0.6;color: #eff7fb"
                 small
                 background="false"
@@ -553,7 +553,7 @@ function handleShowBingTu()
     })
   }
   const currentPage = ref(1)
-  const pageSize = ref(5)
+  const pageSize = ref(3)
   const totals = ref(0)
   function  indexCreate(row, column, cellValue, index) {
     return index + 1 + pageSize.value*(currentPage.value - 1)
@@ -1026,7 +1026,7 @@ function handleShowBingTu()
 
         .prb3-item2 {
           width: 85%;
-          height: 24px;
+          height: 25px;
           display: flex;
           align-items: center;
           margin: 10px 0;
@@ -1052,7 +1052,8 @@ function handleShowBingTu()
       }
     }
     .pageForDown{
-      height: 20px;
+      height: 40px;
+      width: 90%;
       margin: 0 auto;
       button{
         opacity: 0.5;

src/views/map/BaseMapArea.vue

@@ -65,8 +65,8 @@
 
   .basemap-area {
     position: absolute;
-    bottom: 5vh;
-    right: 30vh;
+    bottom: 7vh;
+    right: 35vh;
     z-index: 0;
     background: rgba(255,255,255,0);
     transition: width 0.5s;

src/views/ssky/Index.vue

@@ -131,21 +131,22 @@
             <span :class="item.delayType==='延时'? 'yj-orange': 'yj-red'">{{item.delayType}}</span>
           </div>
         </div>
+        <el-pagination
+                class="pageForDown pagi-default"
+                style="opacity: 0.6;color: #eff7fb"
+                small
+                background="false"
+                popper-class="is-first"
+                :current-page="currentPage"
+                :page-size="pageSize"
+                :total="total"
+                layout="prev, pager, next"
+                @current-change="handlePageChange"
+                @size-change="handleSizeChange"
+        >
+        </el-pagination>
       </div>
-      <el-pagination
-              class="pageForDown"
-              style="opacity: 0.6;color: #eff7fb"
-              small
-              background="false"
-              popper-class="is-first"
-              :current-page="currentPage"
-              :page-size="pageSize"
-              :total="total"
-              layout="prev, pager, next"
-              @current-change="handlePageChange"
-              @size-change="handleSizeChange"
-      >
-      </el-pagination>
+
     </div>
 
 
@@ -194,7 +195,7 @@ export default {
   const boatDockListShow = ref(false)
 
   const currentPage = ref(1)
-  const pageSize = ref(10)
+  const pageSize = ref(3)
   const total = ref(0)
   function  indexCreate(row, column, cellValue, index) {
     return index + 1 + pageSize.value*(currentPage.value - 1)
@@ -937,10 +938,10 @@ export default {
       margin-bottom: 2vh;
     }
     .prb3-item {
-      margin: 0 15px 20px 0;
+      margin: 0 15px 10px 0;
       &>div:nth-child(1) {
         width: 276px;
-        height: 24px;
+        height: 20px;
         display: flex;
         align-items: center;
         background: url('@/assets/imgs/page_ssky/bg-lundu-line.png') no-repeat;
@@ -972,7 +973,7 @@ export default {
         span:nth-child(2) {
           display: inline-block;
           width: 65px;
-          height: 32px;
+          height: 30px;
           font-size: 13px;
           line-height: 32px;
           text-align: center;
@@ -990,13 +991,8 @@ export default {
     }
   }
   .pageForDown{
-    height: 20px;
-    position: absolute;
-    right: 10vh;
-    bottom: 20px;
-    button{
-    opacity: 0.5;
-    }
+    height: 40px;
+    margin: 0 auto;
   }
 }
 </style>