C端强军寄语：自测修复bug

web/src/views/message/Message.vue

@@ -39,8 +39,8 @@
           <ul class="content">
             <li v-for="(item,i) in message" :key="i">
               <div class="info">
-                <span class="primaryColor">{{(item.isRealName?item.realName:item.nickName)||'匿名用户'}}</span>
-                <span>{{item.createTime}}</span>
+                <span class="primaryColor user-name">{{(item.isRealName?item.realName:item.nickName)||'匿名用户'}}</span>
+                <span class="comment-time">{{item.createTime}}</span>
               </div>
               <div class="body">
                 <span>{{item.content}}</span>
@@ -250,7 +250,8 @@ export default {
       }
     }
     .leaving{
-      margin-top: 40px;
+      margin-top: 62px;
+      padding: 0 165px;
       .title{
         text-align: left;
         font-size: 30px;
@@ -273,14 +274,15 @@ export default {
         >li{
           margin-bottom: 10px;
           .info{
-            >span{
-              display: inline-block;
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-end;
+            .user-name {
               font-size: 20px;
-              margin-right: 10px;
-              &:not(:first-of-type){
-                color: rgba(153, 153, 153, 1);
-                font-size: 14px;
-              }
+            }
+            .comment-time {
+              color: rgba(153, 153, 153, 1);
+              font-size: 14px;
             }
           }
           .body{
@@ -295,11 +297,11 @@ export default {
             }
             .txtSameHover{
               color: rgba(153, 153, 153, 1);
-              img{
+              img {
                 margin-right: 10px;
                 width: 16px;
                 position: relative;
-                top: -1px;
+                top: 2px;
               }
             }
           }