首页UI微调
This commit is contained in:
+14
-8
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user