信息展示

pages/index/message/news.vue

@@ -11,7 +11,7 @@
             </el-menu>
           </el-col>
         </div>
-        <ul >
+        <ul>
           <li v-for="item in messageList" :key="item.id" @click="isClick(item.id)" v-show="isList">
             <!-- <nuxt-link :to="{name:'index-message-newsdetails',query:{id:(item.id)}}"  class="flex-between link-style" >-->
               <div class="flex-between link-style">
@@ -27,7 +27,7 @@
                 :current-page="currentPage"
                 :size ="size"
                 :page-sizes="[10, 20, 30, 40]"
-                layout="total,sizes, prev, pager, next, jumper"
+                layout="total, prev, pager, next,sizes, jumper"
                 :total="total">
               </el-pagination >
           </div>
@@ -156,7 +156,7 @@ import Cookies from "js-cookie"
         this.total = total
       }, 
       handleSizeChange(val) {
-        /* this.getListContent(this.currentPage,val) */
+        this.size = val
         let mes = {
           currentPage:this.currentPage,
           size:val
@@ -164,6 +164,7 @@ import Cookies from "js-cookie"
         this.getListContent(mes)
       },
       handleCurrentChange(val) {
+        this.currentPage = val
         let mes = {
           currentPage:val,
           size:this.size
@@ -200,9 +201,8 @@ import Cookies from "js-cookie"
     border: 1px solid rgba(219, 219, 219, 1);
     min-height:6.98rem;
     position: relative;
-    left:115px;
+    right:-15%;
     width:9.2rem
-    
   }
 
   .message>ul>li {
@@ -227,11 +227,6 @@ import Cookies from "js-cookie"
     position: absolute;
     left:-217px
   }
-
-  .el-menu {
-    border-right: none;
-  }
-
   .sidebar>.sidebar-title {
     width: 2.4rem;
     height: .60rem;
@@ -242,6 +237,9 @@ import Cookies from "js-cookie"
     color: rgba(0, 0, 0, 1);
     font-weight: bold;
   }
+  .el-menu-vertical-demo{
+     width: 2.4rem;
+  }
   .el-col-12 {
     width: 100%;
   }