From c40e0c01b6df46dabd6b5130ddef1b4dad7ed058 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期一, 01 十一月 2021 13:24:27 +0800
Subject: [PATCH] update: 調整顏色變數名稱
---
PAMapp/components/Consultant/ConsultantCard.vue | 28 ++++++++++------------------
1 files changed, 10 insertions(+), 18 deletions(-)
diff --git a/PAMapp/components/Consultant/ConsultantCard.vue b/PAMapp/components/Consultant/ConsultantCard.vue
index 95c08f9..2b7525e 100644
--- a/PAMapp/components/Consultant/ConsultantCard.vue
+++ b/PAMapp/components/Consultant/ConsultantCard.vue
@@ -19,7 +19,7 @@
</el-col>
<el-col class="flex_column" :xs="9" :sm="6">
<el-button
- class="smTxt_bold btn"
+ class="smTxt_bold outline_btn"
@click="reserveCommunication"
:class="{'reservedBtn': agentInfo.reserve}"
>{{ agentInfo.reserve ? '撌脤���' : '�脰����'}}</el-button>
@@ -47,7 +47,6 @@
}
@Emit('removeAgent') removeAgent() {
- console.log('removeAgent')
return this.agentInfo.id;
}
}
@@ -56,7 +55,7 @@
<style lang="scss" scoped>
.rowStyle {
padding: 10px;
- background-color: #FFFFFF;
+ background-color: $PRIMARY_WHITE;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
@@ -65,7 +64,7 @@
width: 10px;
height: 10px;
border-radius: 50px;
- background-color: #F2C75C;
+ background-color: $YELLOW;
margin: auto 0;
}
@@ -81,7 +80,7 @@
&:before {
content: '\2605';
- color: #ED1B2E;
+ color: $PRIMARY_RED;
margin: 5px;
}
}
@@ -98,27 +97,20 @@
}
.delete {
- color: #ED1B2E;
+ color: $PRIMARY_RED;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
- .btn {
- color: #ED1B2E;
- border: solid 2px;
- border-radius: 30px;
- padding: 10px 16px;
- }
-
.reservedBtn {
- color: #009CBD;
+ color: $SKY_BLUE;
cursor: auto;
&:hover {
- color: #009CBD;
- border-color: #009CBD;
- background-color: #ffffff;
+ color: $SKY_BLUE;
+ border-color: $SKY_BLUE;
+ background-color: $PRIMARY_WHITE;
}
}
@@ -136,4 +128,4 @@
justify-content: space-between;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0