Kaynağa Gözat

style(JobCard): 更新图标样式并移除注释代码

master
watermax 2 gün önce
ebeveyn
işleme
ce99e2a0df
1 değiştirilmiş dosya ile 12 ekleme ve 9 silme
  1. 12
    9
      components/JobCard.vue

+ 12
- 9
components/JobCard.vue Dosyayı Görüntüle

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

Loading…
İptal
Kaydet