|
|
@@ -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
|
|
|
}
|
|
|
})
|
