From d6c1ba2fc055bd3737660945f38f07e0e9e9e0a2 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期五, 14 一月 2022 11:36:25 +0800
Subject: [PATCH] fixed: active circle index error
---
PAMapp/components/Appointment/AppointmentProgress.vue | 26 +++++++++++++-------------
1 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/PAMapp/components/Appointment/AppointmentProgress.vue b/PAMapp/components/Appointment/AppointmentProgress.vue
index c68b2e5..3debf04 100644
--- a/PAMapp/components/Appointment/AppointmentProgress.vue
+++ b/PAMapp/components/Appointment/AppointmentProgress.vue
@@ -52,10 +52,10 @@
break;
case 'done':
step = 3;
- break;
+ break;
case 'closed':
step = 3;
- break;
+ break;
case 'cancel':
step = 3;
break;
@@ -90,28 +90,28 @@
.appointment-progress{
display: flex;
.appointment-progress__indicator {
- justify-content: space-between;
- display : flex;
align-items : center;
+ display : flex;
+ justify-content: space-between;
position : relative;
.circle {
- width : 8px;
- height : 8px;
- border-radius : 50%;
background-color: white;
- margin : 0;
- z-index : 50;
border : 1px solid #707070;
+ border-radius : 50%;
+ height : 8px;
+ margin : 0;
+ width : 8px;
+ z-index : 5;
&.activate {
background-color: $PRIMARY_BLACK;
}
}
.line {
- position : absolute;
- height : 3px;
- width : 90%;
- left : 5%;
background-color: #707070;
+ height : 3px;
+ left : 5%;
+ position : absolute;
+ width : 90%;
}
}
}
--
Gitblit v1.8.0