信息公告

layouts/default.vue

@@ -35,7 +35,7 @@ html {
 *,
 *::before,
 *::after {
-  box-sizing: border-box;
+  box-sizing: none;
   margin: 0;
 }
 

pages/index/message/news.vue

 <template>
   <div>
-    <div class="message">
+    <div class="flex">
       <div class="sidebar">
           <div class="sidebar-title">信息公告</div>
           <el-col :span="12">
@@ -21,6 +21,7 @@
             </el-menu>
           </el-col>
         </div>
+      <div class="message">
         <ul>
           <li
             v-for="item in messageList"
@@ -35,18 +36,6 @@
             </div>
             <!-- </nuxt-link> -->
           </li>
-        <div class="pagination" v-show="isList">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :size="size"
-            :page-sizes="[10, 20, 30, 40]"
-            layout="total, prev, pager, next,sizes, jumper"
-            :total="total"
-          >
-          </el-pagination>
-        </div>
         </ul>
         <div class="content" v-show="!isList">
           <div>
@@ -73,6 +62,20 @@
         </div>
       </div>
     </div>
+    <!-- 分页 -->
+    <div class="pagination" v-show="isList">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            :size="size"
+            :page-sizes="[10, 20, 30, 40]"
+            layout="total, prev, pager, next,sizes, jumper"
+            :total="total"
+          >
+          </el-pagination>
+      </div>
+  </div>
 </template>
 <script>
 import {
@@ -215,16 +218,15 @@ export default {
 
 <style scoped>
 .pagination {
+  flex:0 ;
   position: absolute;
-  bottom: 5%;
-  left: 50%;
+  margin-top: 20px;
+  left: 56%;
   transform: translateX(-50%);
 } 
 .message {
   border: 1px solid rgba(219, 219, 219, 1);
-  min-height: 6.98rem;
-  position: absolute;
-  left:33%;
+  min-height: 6.8rem;
   width: 9.2rem;
 }
 
@@ -246,9 +248,8 @@ export default {
 }
 .sidebar {
   width: 2.4rem;
+  margin-right: .3rem;
   border: 1px solid rgba(219, 219, 219, 1);
-  position: absolute;
-  left: -30%
 } 
 .sidebar > .sidebar-title {
   width: 2.4rem;
@@ -259,16 +260,17 @@ export default {
   font-size: 0.2rem;
   color: rgba(0, 0, 0, 1);
   font-weight: bold;
+  /* box-sizing: none; */
 }
 .el-menu-vertical-demo {
   width: 2.4rem;
+  /* box-sizing:none */
 }
 .el-col-12 {
   width: 100%;
 }
 .content {
   width: 9.2rem;
-  height: 100%;
 }
 h1 {
   display: flex;

pages/index/notice/bid.vue

@@ -286,7 +286,6 @@ import Cookies from 'js-cookie'
   }
 .pagination{
   position: absolute;
-  /* bottom: -2%; */
   left: 50%;
   transform:translateX(-50%);
   margin-top:20px