fix list style

@@ -63,7 +63,7 @@ export default {
           break;
       }
 
-      return `${className}${this.small ? '-small' : ''}`;
+      return className ? `${className}${this.small ? '-small' : ''}` : '';
     }
   },
   watch: {

@@ -224,15 +224,14 @@ export default {
   }
 
   .avatar {
-    width: 40px;
-    height: 40px;
+    width: 20PX;
+    height: 20PX;
     margin-right: 12px;
+    display: block;
   }
 
   .name {
     max-width: 170px;
-    display: inline-block;
-    vertical-align: middle;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

@@ -173,22 +173,21 @@ export default {
       padding: 20px;
     }
 
-    .avatar {
-      width: 40px;
-      height: 40px;
-      display: inline-block;
-      vertical-align: middle;
+    .auther {
+      display: flex;
+      align-items: center;
+    }
 
-      > img {
-        width: 100%;
-        height: 100%;
-      }
+    .avatar {
+      width: 20PX;
+      height: 20PX;
+      margin-right: 10px;
+      display: block;
     }
 
     .name {
       max-width: 170px;
-      display: inline-block;
-      vertical-align: middle;
+      display: block;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;

@@ -695,11 +695,10 @@ export default {
     background-color: #f7f7f7;
   }
 
-
   .loading {
     padding: 20px 0;
 
-    .load-icon > span {
+    /deep/ .cube-loading-spinners {
       margin: auto;
     }