xcx

src/pages/draw.vue

@@ -134,7 +134,7 @@
                       class="flex-item endListLi"
                       v-for="(item, index) in drawUsersArr"
                       :key="index"
-                      :style="{maxWidth: item.width + 'px', minWidth: item.width + 'px'}"
+                      :style="{maxWidth: item.width + 'px', minWidth: item.width + 'px', fontSize: item.orgName.length + item.UserName.length > 6 ? '16px' : '20px'}"
                     >{{item.orgName}}-{{item.UserName}}</li>
                   </ul>
                 </div>
@@ -153,7 +153,7 @@
           :key="index"
           :class="{'active': item.active, 'activeLi': item.active, 'hide': !item.show}"
         >
-          <span>{{item.orgName}}-{{item.UserName}}</span>
+          <span :style="{fontSize: item.orgName.length + item.UserName.length > 6 ? '16px' : '20px'}">{{item.orgName}}-{{item.UserName}}</span>
         </li>
       </ul>
     </div>
@@ -165,7 +165,7 @@
           :key="index"
           :class="{'active': item.active}"
         >
-          <span>{{item.orgName}}-{{item.UserName}}</span>
+          <span :style="{fontSize: item.orgName.length + item.UserName.length > 6 ? '16px' : '20px'}">{{item.orgName}}-{{item.UserName}}</span>
         </li>
       </ul>
     </div>
@@ -175,7 +175,7 @@
         :key="index"
         :style="{width: item.width + 'px', left: item.startX + 'px', top: item.startY + 'px'}"
       >
-        <span>{{item.orgName}}-{{item.UserName}}</span>
+        <span :style="{fontSize: item.orgName.length + item.UserName.length > 6 ? '16px' : '20px'}">{{item.orgName}}-{{item.UserName}}</span>
       </a>
     </div>
     <!-- <div class="line"></div> -->