zc

src/views/newEvacuationBigData.vue

@@ -316,6 +316,24 @@
                 <p>{{item.nickName}}</p>
               </div>
             </div>
+            <div class="user-box" v-for="(item,index) in userList" :key="index">
+              <div>
+                <img :src="item.avatar">
+                <p>{{item.nickName}}</p>
+              </div>
+            </div>
+            <div class="user-box" v-for="(item,index) in userList" :key="index">
+              <div>
+                <img :src="item.avatar">
+                <p>{{item.nickName}}</p>
+              </div>
+            </div>
+            <div class="user-box" v-for="(item,index) in userList" :key="index">
+              <div>
+                <img :src="item.avatar">
+                <p>{{item.nickName}}</p>
+              </div>
+            </div>
             <p v-if="!userList[0]" style="line-height:200px;font-size:16px;color:#fff;text-align: center">暂无数据</p>
           </div>
         </div>
@@ -3136,17 +3154,16 @@
           margin-left:65px;
         }
         .user-max-box{
-          margin-right:20px;
           height:340px;
           margin-left:65px;
           margin-top:27px;
           .user-box{
-            width:148px;
+            width:175px;
             line-height:48px;
             border-radius:5px;
             border: 1px solid #24D1F9;
             display: inline-block;
-            margin:0 33px 18px 0;
+            margin:0 20px 18px 0;
             div{
               display: flex;
               img{
@@ -3161,6 +3178,11 @@
               }
               p{
                 color:#24D1F9;
+                display:block;
+                overflow:hidden;
+                text-overflow:ellipsis;
+                white-space:nowrap;
+                margin-right:10px;
               }
             }
           }