样式选择

src/views/teamDetail/components/modals/select-student.vue

@@ -132,9 +132,15 @@ export default {
     renderFunc(h, option) {
       return (
         <div class="line">
-          <span>{option.name}</span>
+          <el-tooltip class="item" effect="dark" placement="top">
+            <span slot="content">{option.name}</span>
+            <span class="select-item">{option.name}</span>
+          </el-tooltip>
           <span>{option.gender}</span>
-          <span>{option.subjectName}</span>
+          <el-tooltip class="item" effect="dark" placement="top">
+            <span slot="content">{option.subjectName}</span>
+            <span class="select-item">{option.subjectName}</span>
+          </el-tooltip>
         </div>
       );
     },
@@ -212,6 +218,12 @@ export default {
   width: 220px;
   display: flex;
   justify-content: space-around;
+  .select-item{
+    width: 33.33333%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 /deep/ .dialog-footer{
   margin-top: 20px;