offerpai/offerpai_web
6
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

首页UI微调

Browse Source
This commit is contained in:
xuxin
2026-06-04 11:12:34 +08:00
parent 5ef8b3a9df
commit ad9c448fc7
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/home/avatar-temporary.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 48 KiB

src/assets/styles/pages/home.scss
+6 -7
View File
@@ -337,7 +337,6 @@
// 标题区 // 标题区
&__header { &__header {
margin-bottom: 0.6rem;
h2 { h2 {
font-size: 0.48rem; font-size: 0.48rem;
font-weight: 600; font-weight: 600;
@@ -1060,7 +1059,7 @@
background: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8);
border-radius: 1rem; border-radius: 1rem;
backdrop-filter: blur(100px); backdrop-filter: blur(100px);
padding: 0.8rem 1.2rem 0.6rem; padding: 1.0rem 0.05rem;
box-shadow: inset 0 0 0.9rem rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0.9rem rgba(255, 255, 255, 0.5);
} }
@@ -1102,7 +1101,7 @@
width: 12rem; width: 12rem;
background: #111; background: #111;
border-radius: 0.16rem; border-radius: 0.16rem;
padding: 0.48rem 0.6rem; padding: 0.36rem 0.40rem;
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;
@@ -1145,8 +1144,8 @@
flex: 1; flex: 1;
blockquote { blockquote {
font-size: 0.24rem; font-size: 0.20rem;
line-height: 0.39rem; line-height: 0.34rem;
color: #fff; color: #fff;
margin: 0; margin: 0;
} }
@@ -1160,13 +1159,13 @@
.cite-name { .cite-name {
font-size: 0.2rem; font-size: 0.2rem;
color: $accent; color: $accent;
font-weight: 600; font-weight: 500;
} }
.cite-role { .cite-role {
font-size: 0.14rem; font-size: 0.14rem;
color: #999; color: #999;
margin-left: 0.08rem; margin-left: 0.16rem;
} }
} }
} }
src/views/Home.vue
+5 -5
View File
@@ -59,7 +59,7 @@
<p class="stat-card__label">84.5%大学生求职首选</p> <p class="stat-card__label">84.5%大学生求职首选</p>
</article> </article>
<article class="stat-card"> <article class="stat-card">
<div class="stat-card__num">3倍</div> <div class="stat-card__num">10倍</div>
<p class="stat-card__label">面试邀约率提升</p> <p class="stat-card__label">面试邀约率提升</p>
</article> </article>
<article class="stat-card"> <article class="stat-card">
@@ -314,7 +314,7 @@
<div class="home-testimonials__founder-content"> <div class="home-testimonials__founder-content">
<img class="home-testimonials__founder-img" :src="avatarImg" alt="创始人头像" /> <img class="home-testimonials__founder-img" :src="avatarImg" alt="创始人头像" />
<div class="home-testimonials__founder-text"> <div class="home-testimonials__founder-text">
<blockquote>"{{ founderQuotes[founderIndex].text }}"</blockquote> <blockquote>“很多大学生还在用传统方式找工作，海投、反复改简历，效率很低。Offer派利用AI技术让专业和岗位<span class="fw600">深度匹配</span>关联，配合<span class="fw600">自动化投递</span>，让校招求职流程更丝滑，更精准，节省了80%的繁琐过程，拿到更多Offer。”</blockquote>
<cite> <cite>
<span class="cite-name">{{ founderQuotes[founderIndex].name }}</span> <span class="cite-name">{{ founderQuotes[founderIndex].name }}</span>
<span class="cite-role">{{ founderQuotes[founderIndex].role }}</span> <span class="cite-role">{{ founderQuotes[founderIndex].role }}</span>
@@ -323,7 +323,7 @@
</div> </div>
</div> </div>
<!-- 分页小圆点 --> <!-- 分页小圆点 -->
<div class="home-testimonials__dots"> <div v-if="false" class="home-testimonials__dots">
<span <span
v-for="(_, i) in founderQuotes" v-for="(_, i) in founderQuotes"
:key="i" :key="i"
@@ -511,8 +511,8 @@ const founderIndex = ref(0)
/** 创始人引言数据 — 支持多条切换 */ /** 创始人引言数据 — 支持多条切换 */
const founderQuotes = [ const founderQuotes = [
{ text: '很多大学生还在用传统方式找工作，海投、反复改简历，效率很低。Offer派利用AI技术让整个校招流程更丝滑，节省了80%的繁琐过程。', name: 'Stella', role: '字节跳动' }, { text: '“很多大学生还在用传统方式找工作，海投、反复改简历，效率很低。Offer派利用AI技术让专业和岗位深度匹配关联，配合自动化投递，让校招求职流程更丝滑，更精准，节省了80%的繁琐过程，拿到更多Offer。”', name: 'TK', role: 'Offer派创始人' },
{ text: '我们的目标是让每一位大学生都能高效地找到心仪的工作，AI技术正在改变校招的游戏规则。', name: 'Stella', role: 'Offer派创始人' },
] ]
/** 岗位滚动展示数据 — 模拟最新发布的校招岗位 */ /** 岗位滚动展示数据 — 模拟最新发布的校招岗位 */