💄 增加标题动画、增加自定义域名提示

This commit is contained in:
刘嘉伟 2024-08-16 18:19:34 +08:00
parent 71c677a193
commit b00392b9f5
2 changed files with 39 additions and 2 deletions

View File

@ -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"-->

View File

@ -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"