From 68a06a99b1218f313c7fce2dd6eacd956ebf7a7f Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期日, 20 八月 2023 19:09:43 +0800
Subject: [PATCH] Update: 添加 sandbox 屬性 allow-popups 解決無法開啟原始 Youtube 連結的情形
---
PAMapp/components/Appointment/AppointmentProgress.vue | 37 ++++++++++++++++++++-----------------
1 files changed, 20 insertions(+), 17 deletions(-)
diff --git a/PAMapp/components/Appointment/AppointmentProgress.vue b/PAMapp/components/Appointment/AppointmentProgress.vue
index 8d57b43..5d31d83 100644
--- a/PAMapp/components/Appointment/AppointmentProgress.vue
+++ b/PAMapp/components/Appointment/AppointmentProgress.vue
@@ -45,15 +45,18 @@
}
get displayCurrentStep(): number {
- let step: number = 0;
+ let step: number = 1;
switch (this.currentStep) {
- case 'picked' || 'reserved':
- step = 1;
- break;
case 'contacted':
step = 2;
break;
- case 'done' || 'closed' || 'cancel':
+ case 'done':
+ step = 3;
+ break;
+ case 'closed':
+ step = 3;
+ break;
+ case 'cancel':
step = 3;
break;
}
@@ -87,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;
+ border : 1px solid #CCCCCC;
+ border-radius : 50%;
+ height : 8px;
margin : 0;
- z-index : 50;
- border : 1px solid #707070;
+ width : 8px;
+ z-index : 5;
&.activate {
- background-color: $PRIMARY_BLACK;
+ background-color: $BEIGE;
}
}
.line {
- position : absolute;
- height : 3px;
- width : 90%;
- left : 5%;
background-color: #707070;
+ height : 3px;
+ left : 5%;
+ position : absolute;
+ width : 90%;
}
}
}
--
Gitblit v1.8.0