群设置-文字超出隐藏-悬浮展示全部

src/views/message/components/GroupSetting.vue

@@ -68,7 +68,7 @@
                   <i class="el-icon-minus" />
                 </span>
               </div>
-              <span class="member-name">{{ member.name }}</span>
+              <span class="member-name" :title="member.name">{{ member.name }}</span>
             </div>
           </div>
         </div>
@@ -93,7 +93,7 @@
                   member.avatar
                 "
               />
-              <span class="member-name">{{ member.name }}</span>
+              <span class="member-name" :title="member.name">{{ member.name }}</span>
             </div>
           </div>
         </div>
@@ -369,6 +369,10 @@ export default {
       font-size: 12px;
       color: #606266;
       text-align: center;
+       width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
     .admin-tag {