From b00392b9f573cca1beae402b845dfa49e6b2984a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=98=89=E4=BC=9F?= <8473136@qq.com>
Date: Fri, 16 Aug 2024 18:19:34 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E5=A2=9E=E5=8A=A0=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E5=8A=A8=E7=94=BB=E3=80=81=E5=A2=9E=E5=8A=A0=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E5=9F=9F=E5=90=8D=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/compoenets/Breadcrumb.vue |  2 +-
 src/views/proxy/index.vue            | 39 +++++++++++++++++++++++++++-
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/layout/compoenets/Breadcrumb.vue b/src/layout/compoenets/Breadcrumb.vue
index 8497f00..b4d8e89 100644
--- a/src/layout/compoenets/Breadcrumb.vue
+++ b/src/layout/compoenets/Breadcrumb.vue
@@ -15,7 +15,7 @@ const currentRoute = computed(() => {
 
 <template>
   <div class="flex justify-between">
-    <div class="breadcrumb">
+    <div class="breadcrumb animate__animated animate__lightSpeedInLeft">
       <IconifyIconOffline class="inline-block mr-2" :icon="currentRoute.meta['icon'] as string"/>
 <!--      <Icon-->
       <!--        class="inline-block mr-2"-->
diff --git a/src/views/proxy/index.vue b/src/views/proxy/index.vue
index ab4c6fb..db6e18a 100644
--- a/src/views/proxy/index.vue
+++ b/src/views/proxy/index.vue
@@ -312,7 +312,7 @@ onUnmounted(() => {
               <div class="w-full flex justify-between">
                 <div class="flex">
                   <div
-                      class="w-12 h-12 rounded mr-4 flex justify-center items-center"
+                      class="w-12 h-12 rounded mr-4 flex justify-center items-center font-bold"
                       :class="proxy.type"
                   >
                     <span class="text-white text-sm">{{ proxy.type }}</span>
@@ -476,6 +476,43 @@ onUnmounted(() => {
                   }
                 ]"
               >
+                <template #label>
+                  <div class="inline-block">
+                    <div class="flex items-center">
+                      <div class="mr-1">
+                        <el-popover
+                            placement="top"
+                            trigger="hover"
+                        >
+                          <template #default>
+                            对应参数：<span class="font-black text-[#5A3DAA]">customDomains</span>
+                          </template>
+                          <template #reference>
+                            <IconifyIconOffline class="text-base" color="#5A3DAA" icon="info"/>
+                          </template>
+                        </el-popover>
+                      </div>
+                      自定义域名：
+                    </div>
+                  </div>
+<!--                  <el-popover-->
+<!--                      placement="top"-->
+<!--                      trigger="hover"-->
+<!--                  >-->
+<!--                    <template #default>-->
+<!--                      对应参数：<span class="font-black text-[#5A3DAA]">customDomains</span>-->
+<!--                    </template>-->
+<!--                    <template #reference>-->
+<!--                      <IconifyIconOffline class="text-base" color="#5A3DAA" icon="info"/>-->
+<!--                    </template>-->
+<!--                  </el-popover>-->
+<!--                  <div class="flex items-center inin">-->
+<!--                    <div class="h-full flex items-center mr-1">-->
+<!--                      -->
+<!--                    </div>-->
+<!--                    <div>自定义域名：</div>-->
+<!--                  </div>-->
+                </template>
                 <el-input
                     class="domain-input"
                     placeholder="github.com"