diff --git a/src/views/Index.vue b/src/views/Index.vue
index cce6d42d..5fa847a2 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -331,11 +331,15 @@
                       </a>
                       <div class="article-bottom">
                         <div style="display:flex">
-                          <author-img height="32px" width="32px" :avatar="article.authorInfo.avatar" :aid="article.authorInfo.aid"
-                            :sex="article.authorInfo.sex"></author-img>
-                          <span
-                            style="color: #6E7B84;font-size: 14px;margin:6px 13px 0 10px;">{{article.authorInfo.name}}</span>
-                          <interactBar   :type="2" :readonly="true" :data="article" :views="false" :shares="false"></interactBar>
+                          <div>
+                            <author-img height="32px" width="32px" :avatar="article.authorInfo.avatar" :aid="article.authorInfo.aid" :sex="article.authorInfo.sex"></author-img>
+                          </div>
+                          <div>
+                            <span style="color: #6E7B84;font-size: 14px;margin:6px 13px 0 10px;">{{article.authorInfo.name}}</span>
+                          </div>
+                          <div style="padding-top: 0px;">
+                              <interactBar   :type="2" :readonly="true" :data="article" :views="false" :shares="false"></interactBar>
+                          </div>
                         </div>
                         <div><span class="article-info-time">{{ article.sysCreateTime.substring(0, 10) }}</span></div>
                       </div>