src/components/group/MyMessage.vue

@@ -24,7 +24,8 @@
                     </template>
                     <template #title>
                        在
                        <router-link to="/comment" v-if="item.commentType==1" @click.native="handleCancel()">碎碎念
                        <router-link to="/comment" @click.native="handleCancel()" v-if="item.commentType==1">
                           {{item.articleTitle}}
                        </router-link>
                        <router-link :to="{path:'/mdDetail',query:{id:item.articleId}}"
                           :title="item.articleTitle" @click.native="handleCancel()" v-else>
@@ -47,6 +48,11 @@
                  <a-button disabled v-else>
                     更多记录就不展示啦..
                  </a-button>
                  <span style="margin: 20px;">
                     <a-button @click="reload" :disabled="refresh">
                        <a-icon type="redo" />
                     </a-button>
                  </span>
               </div>
            </template>
         </a-list>
@@ -68,19 +74,29 @@
            visible: false,
            loading: false,
            pageNo: 1,
            pageSize: 5,
            pageSize: 4,
            showButton: true,
            refresh: false,
         }
      },
      beforeMount() {},
      mounted() {
         this.loadData()
         this.loadMore()
      },
      methods: {
         loadMore() {
            this.$message.info("拉取信息中..")
            this.loadData()
         },
         reload() {
            this.$message.info("重新拉取信息..")
            this.pageNo = 1;
            this.pageSize = 4;
            this.showButton = true;
            this.dataList = [];
            setTimeout(() => {
               this.loadData()
            }, 100);
         },
         loadData() {
            this.refresh = true;
@@ -127,12 +143,6 @@

   }

   .myhiden {
      display: -webkit-container;
      -webkit-line-clamp: 3;
      text-overflow: ellipsis;
      overflow: hidden;
   }

   a {
      color: black;