dev

src/components/outpatient/MedicalQueue.vue

@@ -221,6 +221,7 @@ watch(() => curStatus.value, () => {
     .list-item {
       height: 48px;
       display: flex;
+      justify-content: space-between;
       align-items: center;
       padding: 0 18px;
       font-weight: 400;
@@ -230,13 +231,13 @@ watch(() => curStatus.value, () => {
       cursor: pointer;
 
       span {
-        flex: 1;
         display: flex;
         align-items: center;
-
         .avatar {
+          margin-left: 15px;
           width: 26px;
           height: 26px;
+          margin-right: 15px;
         }
       }
 
@@ -245,17 +246,17 @@ watch(() => curStatus.value, () => {
       }
 
       .item_name {
-        flex: 1.5;
         white-space: nowrap; // 防止文本换行
         overflow: hidden; // 隐藏溢出的文本
         text-overflow: ellipsis; // 显示省略号
       }
 
       .item_time {
-        flex: 2;
         white-space: nowrap; // 防止文本换行
         overflow: hidden; // 隐藏溢出的文本
         text-overflow: ellipsis; // 显示省略号
+        text-align: center;
+        margin-right: 24px;
       }
 
     }