更新状态页面

src/components/card/StatusCard.vue

@@ -1,14 +1,14 @@
 <template>
   <el-card :body-style="{ padding: '0px' }" class="card">
     <el-row>
-      <el-col :md="1">
+      <el-col :md="3">
         <router-link target="_blank" :to="`/user/` + status.userAvatar.userId">
           <el-avatar>
             <el-image :src="status.userAvatar.avatarUrl" />
           </el-avatar>
         </router-link>
       </el-col>
-      <el-col :md="17">
+      <el-col :md="12">
         <el-row>
           <router-link target="_blank" :to="`/user/` + status.userAvatar.userId">
             <span>{{ status.userAvatar.screenName }}</span>

src/components/card/TextCard.vue

@@ -14,7 +14,9 @@
     <el-dialog :visible.sync="dialogVisible">
       <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog>
-    <el-button round type="submit">发送</el-button>
+    <el-row style="text-align: right">
+      <el-button round type="submit" @click="onSubmit">发送</el-button>
+    </el-row>
   </el-card>
 </template>
 
@@ -35,6 +37,9 @@ export default {
     handlePictureCardPreview(file) {
       this.dialogImageUrl = file.url
       this.dialogVisible = true
+    },
+    onSubmit() {
+      console.log('发送状态')
     }
   }
 }

src/views/home/Status.vue

@@ -1,6 +1,9 @@
 <template>
   <div>
     <el-row>
+      <el-col :md="3">
+        <hot-list />
+      </el-col>
       <el-col :md="18">
         <el-row class="movie-list">
           <text-card />
@@ -9,25 +12,26 @@
           <el-tabs v-model="activeName" @tab-click='tabClick'>
             <el-tab-pane label="视频" name="video">
               <div v-if="activeName === 'video'">
-                <el-row v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
-                  <video-card :video="video" />
-                </el-row>
+                <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-row>
+                </el-col>
               </div>
             </el-tab-pane>
             <el-tab-pane label="状态" name="status">
               <div v-if="activeName === 'status'">
-                <el-row v-for="(status, index) in statusList" :key="index" :md="16" :sm="12" :xs="12">
-                  <status-card :status="status" />
-                </el-row>
+                <el-col :md="15">
+                  <el-row v-for="(status, index) in statusList" :key="index" :md="15" :sm="12" :xs="12">
+                    <status-card :status="status" />
+                  </el-row>
+                </el-col>
               </div>
             </el-tab-pane>
           </el-tabs>
-          <el-row v-for="(video, index) in statusList" :key="index" :md="16" :sm="12" :xs="12">
-            <status-card :status="video" />
-          </el-row>
         </el-row>
       </el-col>
-      <el-col :md="6">
+      <el-col :md="3">
         <hot-list />
       </el-col>
     </el-row>