换行

src/views/home/component/CurrentStudent.tsx

@@ -173,7 +173,7 @@ export default defineComponent({
             {list.value.map((item: IGradeDistribution, i: number) => (
               <div class={styles.tag}>
                 <Badge dot color={colors[i]} />
-                <div>{item.grade}</div>
+                <div class={styles.tagTitle}>{item.grade}</div>
                 <span class={styles.tagNum}>{item.studentNum}</span>
               </div>
             ))}

src/views/home/index.module.less

@@ -157,10 +157,8 @@ body {
         line-height: 16px;
 
         .tag {
-            width: 50%;
             display: flex;
             align-items: center;
-            justify-content: space-evenly;
             padding: 6px 5px;
 
             :global {
@@ -171,6 +169,9 @@ body {
                 }
             }
         }
+        .tagTitle{
+            margin: 0 4px 0 6px;
+        }
 
         .tagNum {
             color: #333;