C端强军寄语：留言显示军衔

web/src/views/message/Message.vue

@@ -40,6 +40,7 @@
             <li v-for="(item,i) in message" :key="i">
               <div class="info">
                 <span class="primaryColor user-name">{{(item.isRealName?item.realName:item.nickName)||'匿名用户'}}</span>
+                <img class="user-level" :src="require(`@/assets/images/xinjiang/junxian/${item.level+1}.png`)" alt="">
                 <span class="comment-time"><pre>{{item.createTime.split(' ').join('   ').split(':').join(':  ')}}</pre></span>
               </div>
               <div class="body">
@@ -275,14 +276,19 @@ export default {
           margin-bottom: 10px;
           .info{
             display: flex;
-            justify-content: space-between;
             align-items: flex-end;
             .user-name {
               font-size: 20px;
+              margin-right: 13px;
+            }
+            .user-level {
+              width: 60px;
+              height: 20px;
             }
             .comment-time {
               color: rgba(153, 153, 153, 1);
               font-size: 14px;
+              margin-left: auto;
             }
           }
           .body{