非空判断

src/components/TalentDetail.vue

@@ -83,7 +83,7 @@
                 </div>
                 <div class="info-row">
                   <span class="info-label">职称 / 职务:</span>
-                  <span class="info-value">{{ teacher.basicInformation.name2 }} / {{ teacher.basicInformation.name3 }}</span>
+                  <span class="info-value">{{ teacher.basicInformation.name2 }}{{ teacher.basicInformation.name3 ? ' / ' + teacher.basicInformation.name3 : '' }}</span>
                 </div>
                 <div class="info-row">
                   <span class="info-label">所属院校:</span>
@@ -398,6 +398,11 @@ const openTeacherDetail = (teacher) => {
 <style scoped>
 .teacher-info span{
   font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  display: block;
 }
 .evaluation-page {
   position: absolute;

src/components/common.css

@@ -206,6 +206,10 @@ h2{
 
 .info-value {
   font-weight: bold;
+  /* white-space: nowrap; */
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 12px;
 }
 
 /* ========= 按钮样式 ========= */