更新 Timeline.vue

src/views/home/Timeline.vue

@@ -12,9 +12,9 @@
           <el-tabs v-model="activeName" @tab-click="tabClick">
             <el-tab-pane label="视频" name="video">
               <div v-if="activeName === 'video'">
-                <el-col :md="8">
-                  <el-row v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
-                    <video-card :video="video" />
+                <el-col>
+                  <el-row v-for="(video, index) in dataList" :key="index">
+                    <side-video-card :video="video" />
                   </el-row>
                 </el-col>
               </div>
@@ -22,7 +22,7 @@
             <el-tab-pane label="状态" name="status">
               <div v-if="activeName === 'status'">
                 <el-col :md="15">
-                  <el-row v-for="(status, index) in statusList" :key="index" :md="15" :sm="12" :xs="12">
+                  <el-row v-for="(status, index) in dataList" :key="index" :md="15" :sm="12" :xs="12">
                     <status-card :status="status" />
                   </el-row>
                 </el-col>
@@ -38,7 +38,7 @@
 <script>
 import TextCard from '@/components/card/TextCard'
 import StatusCard from '@/components/card/StatusCard'
-import VideoCard from '@/components/card/VideoCard'
+import SideVideoCard from '@/components/card/SideVideoCard'
 import UserAvatarCard from '@/components/card/UserAvatarCard'
 
 import { statusTimeline, videoTimeline } from '@/api/timeline'
@@ -47,7 +47,7 @@ import Vue from 'vue'
 
 export default {
   name: 'Timeline',
-  components: { TextCard, StatusCard, VideoCard, UserAvatarCard },
+  components: { TextCard, StatusCard, SideVideoCard, UserAvatarCard },
   data() {
     return {
       // 屏幕宽度, 为了控制分页条的大小
@@ -55,8 +55,7 @@ export default {
       nextId: 0,
       userInfo: null,
       videoInfo: null,
-      statusList: [],
-      videoList: [],
+      dataList: [],
       activeName: 'video'
     }
   },
@@ -103,7 +102,7 @@ export default {
       statusTimeline(nextId).then(res => {
         if (res.code === 0) {
           const resData = res.data
-          this.statusList = resData.list
+          this.dataList = resData.list
           this.nextId = resData.nextId
         }
       })
@@ -112,7 +111,7 @@ export default {
       videoTimeline(nextId).then(res => {
         if (res.code === 0) {
           const resData = res.data
-          this.videoList = resData.list
+          this.dataList = resData.list
           this.nextId = resData.nextId
         }
       })