调整状态页面

src/components/card/video-card.vue

@@ -25,7 +25,8 @@
           <router-link :to="`/u/${videoInfo.userId}`"> {{ videoInfo.username }}</router-link>
           <br>
           {{ videoInfo.viewCount }} 观看 <span v-html="`&nbsp;&nbsp;`" />
-          <span v-text="TimeUtil.timeToNowStrning(videoInfo.pubDate)" />
+          {{ videoInfo.commentCount }} 评论 <span v-html="`&nbsp;&nbsp;`" />
+          <!--<span v-text="TimeUtil.timeToNowStrning(videoInfo.pubDate)" />-->
         </p>
       </v-col>
     </v-row>

src/views/home/mblog.vue

@@ -42,12 +42,11 @@
               max-width="700"
             >
               <v-slide-group
-                multiple
                 show-arrows
               >
                 <v-slide-item
-                  v-for="n in 25"
-                  :key="n"
+                  v-for="item in 10"
+                  :key="item"
                   v-slot="{ active }"
                 >
                   <v-btn
@@ -56,31 +55,38 @@
                     active-class="purple white--text"
                     depressed
                     rounded
-                    @click="selectUser"
+                    @click="selectFollowingUser"
                   >
-                    关注的用户 {{ n }}
+                    关注的用户 {{ item }}
+                    <!--{{ item.username }}-->
+                    <!--{{ this.$store.state.user.userInfo.username }}-->
                   </v-btn>
                 </v-slide-item>
               </v-slide-group>
             </v-sheet>
           </v-col>
           <v-col cols="12">
-            <v-card
+            <!--<v-card
               color="#385F73"
               dark
             >
-              <v-card-actions @click="selectCategory">
-                <v-btn text>
-                  全部
+              <v-card-actions>
+                <v-btn text @click="selectFollowingStatus">
+                  状态
                 </v-btn>
-                <v-btn text>
+                <v-btn text @click="selectFollowingVideos">
                   视频
                 </v-btn>
-                <v-btn text>
-                  图片
+                <v-btn text @click="selectFollowingAnswers">
+                  回答
                 </v-btn>
               </v-card-actions>
-            </v-card>
+            </v-card>-->
+            <v-tabs>
+              <v-tab @click="setType(0)">状态</v-tab>
+              <v-tab @click="setType(1)">视频</v-tab>
+              <v-tab @click="setType(2)">回答</v-tab>
+            </v-tabs>
           </v-col>
           <v-col
             v-for="item in list"
@@ -122,7 +128,7 @@
               light
             >
               <v-card-title class="text-h5">
-                热门搜索
+                热门问题
               </v-card-title>
               <v-card-text>
                 <p class="text-body-1 text--primary">
@@ -199,6 +205,13 @@ export default {
       busy: false,
       page: 1,
       model: null,
+      followingUser: [
+        { username: 'haha', avatar: '', userId: 10000 },
+        { username: 'haha', avatar: '', userId: 10001 },
+        { username: 'haha', avatar: '', userId: 10002 },
+        { username: 'haha', avatar: '', userId: 10003 },
+        { username: 'haha', avatar: '', userId: 10004 }
+      ],
       showMessage: false,
       message: ''
     }
@@ -231,7 +244,6 @@ export default {
   },
   created() {
     this.getFollowingStatus(this.page)
-    this.getTimeline(this.page)
   },
   mounted() {
   },
@@ -245,7 +257,7 @@ export default {
         this.getFollowingStatus(this.page)
       }, 1000)
     },
-    getTimeline(page) {
+    getFollowingVideos(page) {
       videoTimeline(page)
         .then(res => {
           if (res.code === 0) {
@@ -283,14 +295,17 @@ export default {
           this.showMessage = true
         })
     },
-    myContent(page) {
-      this.getMyContent(page)
-    },
-    selectUser() {
+    selectFollowingUser() {
       console.log('加载选中用户的状态...')
     },
-    selectCategory() {
-      console.log('加载选中分类的用户状态...')
+    selectFollowingStatus() {
+      this.getFollowingStatus(1)
+    },
+    selectFollowingVideos() {
+      this.getFollowingVideos(1)
+    },
+    selectFollowingAnswers() {
+      console.log('获取用户回答')
     },
     uploadCallback(resp) {
       if (resp.code === 0) {
@@ -304,9 +319,6 @@ export default {
         this.showMessage = true
       }
     },
-    setFile() {
-      console.log('选择文件')
-    },
     publish() {
       if (this.statusPost.content === '') {
         this.message = '内容不能为空'