首页UI微调

This commit is contained in:
2026-06-03 12:12:59 +08:00
parent e6ae57e5fd
commit 0fcc19f3f8
2 changed files with 34 additions and 23 deletions
+14 -8
View File
@@ -6,7 +6,7 @@
<div class="home-hero__orb home-hero__orb--top"></div>
<div class="home-hero__orb home-hero__orb--bottom"></div>
<!-- 顶部导航栏 -->
<header class="home-nav mt32">
<header class="home-nav mt0">
<div class="home-nav__inner" :class="{ 'home-nav__inner--scorlled': isScrolled }">
<div class="home-nav__logo">
<!-- 导航栏Logo图片 -->
@@ -82,17 +82,22 @@
<div class="home-jobs-showcase__box">
<div class="home-jobs-showcase__stats">
<div class="showcase-stat">
<div class="showcase-stat__num"><span class="accent">40</span><span class="accent"></span>+</div>
<div class="showcase-stat__num"><span><span class="accent">40</span><span class="accent"></span></span><span class="fs32">+</span></div>
<div class="showcase-stat__label">岗位总数</div>
</div>
<div class="showcase-stat">
<div class="showcase-stat__num"><span class="accent">{{ dailyJobCount }}</span>个岗位</div>
<div class="showcase-stat__num"><span class="accent">{{ dailyJobCount }}</span><span class="fs32"></span></div>
<div class="showcase-stat__label">今日更新</div>
</div>
</div>
<div class="home-jobs-showcase__scroll">
<div>
<div class="job-ticker" v-for="(job, i) in tickerJobs" :key="i">
<!-- 无缝轮播两组相同内容拼接动画滚完第一组后无缝衔接 -->
<div class="ticker-track">
<div class="job-ticker" v-for="(job, i) in tickerJobs" :key="'a' + i">
<span class="job-ticker__company">{{ job.company }}·{{ job.time }}</span>
<span class="job-ticker__title">{{ job.title }}</span>
</div>
<div class="job-ticker" v-for="(job, i) in tickerJobs" :key="'b' + i">
<span class="job-ticker__company">{{ job.company }}·{{ job.time }}</span>
<span class="job-ticker__title">{{ job.title }}</span>
</div>
@@ -222,7 +227,7 @@
<div class="home-feature__inner">
<div class="home-feature__text">
<h2>名企内推<br/>人脉直通</h2>
<p>时获取名企最新内推信息自动填写网申内推<br/>简历更快到达HR</p>
<p>实时获取名企最新内推信息自动填写网申内推<br/>简历更快到达HR</p>
<button class="home-feature__btn" @click="router.push('/jobs')">
<img class="w20 h20" src="@/assets/images/home/blue-horn-icon-01.png" alt="">
<span>立即投递</span>
@@ -556,8 +561,9 @@ const homeCategoryIds = computed<number[]>(() => store.state.jobIntention.catego
/** 选择器触发按钮样式 — 匹配首页 .filter-select 的外观 */
const filterTriggerStyle = {
width: '2.35rem',
height: '0.48rem',
width: '2.80rem',
'max-width': 'none',
height: '0.56rem',
'border-radius': '0.16rem',
border: '1px solid #e5e7eb',
padding: '0 0.2rem',