From b1d83028691edb487c4a0e4f7ded977dc916d783 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期一, 10 一月 2022 13:39:49 +0800 Subject: [PATCH] add#133803 - 製作功能元件 appoitment-progress --- PAMapp/components/Client/ClientCard.vue | 19 +++++++------------ 1 files changed, 7 insertions(+), 12 deletions(-) diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue index c140e28..7f5c0bf 100644 --- a/PAMapp/components/Client/ClientCard.vue +++ b/PAMapp/components/Client/ClientCard.vue @@ -29,13 +29,9 @@ >(摰X�����瘙�)</span> </template> </div> - <div class="unread" style="display:flex"> - <div class="circle"></div> - <div class="line"></div> - <div class="circle"></div> - <div class="line"></div> - <div class="circle"></div> - </div> + <AppointmentProgress + :currentStep="'contacted'" + ></AppointmentProgress> </div> </div> <!-- <el-col :xs="5" :sm="3" align="middle"> @@ -53,7 +49,7 @@ </template> </div> </el-col> --> - + <div class="flex-column contactInfo" :xs="4" :sm="6"> <!-- <div class="smTxt_bold fix-chrome-click--issue" @@ -353,7 +349,7 @@ margin-bottom: 10px; display: flex; justify-content: space-between; - + transition: background-color 0.5s; &.new { border-left: solid 4px $YELLOW; @@ -367,7 +363,7 @@ .circle { width: 10px; height: 10px; - border-radius: 50px; + border-radius: 50%; background-color: $PRIMARY_RED; margin: auto; } @@ -387,7 +383,6 @@ text-overflow: ellipsis; .professionalsTxt { font-size: 12px; - font-weight: bold; margin-right: 5px; } .noProfessionalsTxt { @@ -445,6 +440,6 @@ height: 4px; width: 10px; background-color: $PRUDENTIAL_GREY; - + } </style> -- Gitblit v1.8.0