diff --git a/src/components/outpatient/MedicalQueue.vue b/src/components/outpatient/MedicalQueue.vue index 0b92e62..8502264 100644 --- a/src/components/outpatient/MedicalQueue.vue +++ b/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; } }