|
|
@@ -4,8 +4,6 @@ |
|
|
|
@click="handleClick" |
|
|
|
> |
|
|
|
<div class="relative p-8 bg-zinc-800/30 backdrop-blur-sm border border-zinc-700/30 rounded-2xl transition-all duration-700 hover:border-[#35F1FF]/50 hover:bg-zinc-800/50 hover:shadow-2xl hover:shadow-[#35F1FF]/10 hover:transform hover:scale-105"> |
|
|
|
<!-- <div class="absolute inset-0 bg-gradient-to-br from-[#35F1FF]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 rounded-2xl"></div> |
|
|
|
<div class="absolute -top-2 -right-2 w-4 h-4 bg-[#35F1FF]/20 rounded-full animate-ping group-hover:animate-pulse"></div> --> |
|
|
|
|
|
|
|
<div class="relative"> |
|
|
|
<!-- 职位标题 --> |
|
|
@@ -39,8 +37,10 @@ |
|
|
|
<!-- 工作职责 --> |
|
|
|
<div class="mb-6"> |
|
|
|
<h5 class="text-white text-sm font-medium mb-3 flex items-center"> |
|
|
|
<svg class="w-4 h-4 mr-2 text-[#35F1FF]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> |
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path> |
|
|
|
<svg class="w-4 h-4 mr-2 text-[#35F1FF]" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
|
|
|
<rect x="4" y="2" width="16" height="20" rx="2" ry="2" /> |
|
|
|
<line x1="8" y1="9" x2="16" y2="9" /> |
|
|
|
<line x1="8" y1="13" x2="16" y2="13" /> |
|
|
|
</svg> |
|
|
|
{{ t('careers.PositionCard.job') }} |
|
|
|
</h5> |
|
|
@@ -52,8 +52,8 @@ |
|
|
|
<!-- 薪资福利 --> |
|
|
|
<div class="mb-6"> |
|
|
|
<h5 class="text-white text-sm font-medium mb-3 flex items-center"> |
|
|
|
<svg class="w-4 h-4 mr-2 text-[#35F1FF]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> |
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1"></path> |
|
|
|
<svg class="w-4 h-4 mr-2 text-[#35F1FF]" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
|
|
|
<path d="M12 2v20M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H7"></path> |
|
|
|
</svg> |
|
|
|
{{ t('careers.PositionCard.CB') }} |
|
|
|
</h5> |
|
|
@@ -65,8 +65,11 @@ |
|
|
|
<!-- 工作时间 --> |
|
|
|
<div class="mb-6"> |
|
|
|
<h5 class="text-white text-sm font-medium mb-3 flex items-center"> |
|
|
|
<svg class="w-4 h-4 mr-2 text-[#35F1FF]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> |
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> |
|
|
|
<svg class="w-4 h-4 mr-2 text-[#35F1FF]" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
|
|
|
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect> |
|
|
|
<line x1="16" y1="2" x2="16" y2="6"></line> |
|
|
|
<line x1="8" y1="2" x2="8" y2="6"></line> |
|
|
|
<line x1="3" y1="10" x2="21" y2="10"></line> |
|
|
|
</svg> |
|
|
|
{{ t('careers.PositionCard.workingHours') }} |
|
|
|
</h5> |
|
|
@@ -334,4 +337,4 @@ const copyEmail = async () => { |
|
|
|
opacity: 1; |
|
|
|
transform: translateY(0); |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |