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

登陆和首页微调

Browse Source
This commit is contained in:
xuxin
2026-07-13 20:56:06 +08:00
parent 5f723e5573
commit aed2535ab2
6 changed files with 114 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/home/home-top.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1008 KiB

src/assets/styles/auto.scss
+2
View File
@@ -919,12 +919,14 @@ body:not(#_) {
.w244{width: 2.44rem;} .w244{width: 2.44rem;}
.w263{width: 2.63rem;} .w263{width: 2.63rem;}
.w444{width: 4.44rem;} .w444{width: 4.44rem;}
.w706{width: 7.06rem;}
.w1200{width:12rem} .w1200{width:12rem}
/*height*/ /*height*/
.h0{height: 0rem;} .h0{height: 0rem;}
.h1{height: 0.01rem;} .h2{height: 0.02rem;} .h3{height: 0.03rem;} .h4{height: 0.04rem;} .h5{height: 0.05rem;} .h6{height: 0.06rem;} .h7{height: 0.07rem;} .h8{height: 0.08rem;} .h9{height: 0.09rem;} .h10{height: 0.1rem;} .h11{height: 0.11rem;} .h12{height: 0.12rem;} .h13{height: 0.13rem;} .h14{height: 0.14rem;} .h15{height: 0.15rem;} .h16{height: 0.16rem;} .h17{height: 0.17rem;} .h18{height: 0.18rem;} .h19{height: 0.19rem;} .h20{height: 0.2rem;} .h21{height: 0.21rem;} .h22{height: 0.22rem;} .h23{height: 0.23rem;} .h24{height: 0.24rem;} .h25{height: 0.25rem;} .h26{height: 0.26rem;} .h27{height: 0.27rem;} .h28{height: 0.28rem;} .h29{height: 0.29rem;} .h30{height: 0.3rem;} .h31{height: 0.31rem;} .h32{height: 0.32rem;} .h33{height: 0.33rem;} .h34{height: 0.34rem;} .h35{height: 0.35rem;} .h36{height: 0.36rem;} .h37{height: 0.37rem;} .h38{height: 0.38rem;} .h39{height: 0.39rem;} .h40{height: 0.4rem;} .h41{height: 0.41rem;} .h42{height: 0.42rem;} .h43{height: 0.43rem;} .h44{height: 0.44rem;} .h45{height: 0.45rem;} .h46{height: 0.46rem;} .h47{height: 0.47rem;} .h48{height: 0.48rem;} .h49{height: 0.49rem;} .h50{height: 0.5rem;} .h51{height: 0.51rem;} .h52{height: 0.52rem;} .h53{height: 0.53rem;} .h54{height: 0.54rem;} .h55{height: 0.55rem;} .h56{height: 0.56rem;} .h57{height: 0.57rem;} .h58{height: 0.58rem;} .h59{height: 0.59rem;} .h60{height: 0.6rem;} .h61{height: 0.61rem;} .h62{height: 0.62rem;} .h63{height: 0.63rem;} .h64{height: 0.64rem;} .h65{height: 0.65rem;} .h66{height: 0.66rem;} .h67{height: 0.67rem;} .h68{height: 0.68rem;} .h69{height: 0.69rem;} .h70{height: 0.7rem;} .h71{height: 0.71rem;} .h72{height: 0.72rem;} .h73{height: 0.73rem;} .h74{height: 0.74rem;} .h75{height: 0.75rem;} .h76{height: 0.76rem;} .h77{height: 0.77rem;} .h78{height: 0.78rem;} .h79{height: 0.79rem;} .h80{height: 0.8rem;} .h81{height: 0.81rem;} .h82{height: 0.82rem;} .h83{height: 0.83rem;} .h84{height: 0.84rem;} .h85{height: 0.85rem;} .h86{height: 0.86rem;} .h87{height: 0.87rem;} .h88{height: 0.88rem;} .h89{height: 0.89rem;} .h90{height: 0.9rem;} .h91{height: 0.91rem;} .h92{height: 0.92rem;} .h93{height: 0.93rem;} .h94{height: 0.94rem;} .h95{height: 0.95rem;} .h96{height: 0.96rem;} .h97{height: 0.97rem;} .h98{height: 0.98rem;} .h99{height: 0.99rem;} .h1{height: 0.01rem;} .h2{height: 0.02rem;} .h3{height: 0.03rem;} .h4{height: 0.04rem;} .h5{height: 0.05rem;} .h6{height: 0.06rem;} .h7{height: 0.07rem;} .h8{height: 0.08rem;} .h9{height: 0.09rem;} .h10{height: 0.1rem;} .h11{height: 0.11rem;} .h12{height: 0.12rem;} .h13{height: 0.13rem;} .h14{height: 0.14rem;} .h15{height: 0.15rem;} .h16{height: 0.16rem;} .h17{height: 0.17rem;} .h18{height: 0.18rem;} .h19{height: 0.19rem;} .h20{height: 0.2rem;} .h21{height: 0.21rem;} .h22{height: 0.22rem;} .h23{height: 0.23rem;} .h24{height: 0.24rem;} .h25{height: 0.25rem;} .h26{height: 0.26rem;} .h27{height: 0.27rem;} .h28{height: 0.28rem;} .h29{height: 0.29rem;} .h30{height: 0.3rem;} .h31{height: 0.31rem;} .h32{height: 0.32rem;} .h33{height: 0.33rem;} .h34{height: 0.34rem;} .h35{height: 0.35rem;} .h36{height: 0.36rem;} .h37{height: 0.37rem;} .h38{height: 0.38rem;} .h39{height: 0.39rem;} .h40{height: 0.4rem;} .h41{height: 0.41rem;} .h42{height: 0.42rem;} .h43{height: 0.43rem;} .h44{height: 0.44rem;} .h45{height: 0.45rem;} .h46{height: 0.46rem;} .h47{height: 0.47rem;} .h48{height: 0.48rem;} .h49{height: 0.49rem;} .h50{height: 0.5rem;} .h51{height: 0.51rem;} .h52{height: 0.52rem;} .h53{height: 0.53rem;} .h54{height: 0.54rem;} .h55{height: 0.55rem;} .h56{height: 0.56rem;} .h57{height: 0.57rem;} .h58{height: 0.58rem;} .h59{height: 0.59rem;} .h60{height: 0.6rem;} .h61{height: 0.61rem;} .h62{height: 0.62rem;} .h63{height: 0.63rem;} .h64{height: 0.64rem;} .h65{height: 0.65rem;} .h66{height: 0.66rem;} .h67{height: 0.67rem;} .h68{height: 0.68rem;} .h69{height: 0.69rem;} .h70{height: 0.7rem;} .h71{height: 0.71rem;} .h72{height: 0.72rem;} .h73{height: 0.73rem;} .h74{height: 0.74rem;} .h75{height: 0.75rem;} .h76{height: 0.76rem;} .h77{height: 0.77rem;} .h78{height: 0.78rem;} .h79{height: 0.79rem;} .h80{height: 0.8rem;} .h81{height: 0.81rem;} .h82{height: 0.82rem;} .h83{height: 0.83rem;} .h84{height: 0.84rem;} .h85{height: 0.85rem;} .h86{height: 0.86rem;} .h87{height: 0.87rem;} .h88{height: 0.88rem;} .h89{height: 0.89rem;} .h90{height: 0.9rem;} .h91{height: 0.91rem;} .h92{height: 0.92rem;} .h93{height: 0.93rem;} .h94{height: 0.94rem;} .h95{height: 0.95rem;} .h96{height: 0.96rem;} .h97{height: 0.97rem;} .h98{height: 0.98rem;} .h99{height: 0.99rem;}
.h100{height: 1rem;} .h100{height: 1rem;}
.h452{height: 4.52rem;}
//行高 //行高
.lh0{line-height: 0rem;} .lh0{line-height: 0rem;}
src/assets/styles/pages/home.scss
+44 -41
View File
@@ -142,18 +142,18 @@
// 主标题 // 主标题
&__title { &__title {
font-size: 0.54rem; font-size: 0.48rem;
font-weight: 600; font-weight: 600;
line-height: 0.71rem; line-height: 0.61rem;
letter-spacing: -0.03rem; letter-spacing: 0.03rem;
color: #111; color: #111;
margin: 0; margin: 0;
} }
// 副标题描述 // 副标题描述
&__desc { &__desc {
font-size: 0.2rem; font-size: 0.16rem;
line-height: 0.325rem; line-height: 0.2rem;
color: #9ca3af; color: #9ca3af;
margin-top: 0.1rem; margin-top: 0.1rem;
} }
@@ -162,12 +162,11 @@
&__cta { &__cta {
margin-top: 0.69rem; margin-top: 0.69rem;
width: 1.84rem; width: 1.84rem;
height: 0.56rem; height: 0.52rem;
//line-height: 0.24rem;
border-radius: 0.16rem; border-radius: 0.16rem;
background: linear-gradient(90deg, rgba(82, 202, 209, 1) 0%, rgba(83, 217, 200, 1) 100%); background: $accent;
color: #fff; color: #fff;
font-size: 0.18rem; font-size: 0.15rem;
font-weight: 600; font-weight: 600;
border: none; border: none;
cursor: pointer; cursor: pointer;
@@ -178,8 +177,9 @@
// 右侧卡片区 // 右侧卡片区
&__right { &__right {
flex-shrink: 0; flex-shrink: 0;
box-shadow: 0px 0px 15.45px rgba(82, 202, 209, 0.1); //box-shadow: 0px 0px 15.45px rgba(82, 202, 209, 0.1);
border-radius: 0.16rem; border-radius: 0.16rem;
background: #FCFEFE;
} }
&__right-top{ &__right-top{
@@ -365,25 +365,25 @@
.stat-card { .stat-card {
background: #fff; background: #fff;
border-radius: 0.16rem; border-radius: 0.16rem;
width: 2.03rem; width: 1.9rem;
height: 1.87rem; height: 1.9rem;
text-align: center; text-align: center;
padding-top:0.38rem; padding-top:0.38rem;
box-shadow: 0 0.06rem 0.2rem rgba(0, 0, 0, 0.05); box-shadow: 0 0.06rem 0.2rem rgba(0, 0, 0, 0.05);
// 大数字 // 大数字
&__num { &__num {
font-size: 0.48rem; font-size: 0.38rem;
font-weight: 900; font-weight: 900;
color: #52CAD1; color: #2A8186;
line-height: 0.63rem; line-height: 0.63rem;
} }
// 描述文字 // 描述文字
&__label { &__label {
font-size: 0.16rem; font-size: 0.13rem;
line-height: 0.22rem; line-height: 0.22rem;
color: #9ca3af; color: #8D9399;
margin-top: 0.12rem; margin-top: 0.12rem;
letter-spacing: 0.0035rem; letter-spacing: 0.0035rem;
} }
@@ -391,7 +391,7 @@
// ==================== 岗位展示区 ==================== // ==================== 岗位展示区 ====================
.home-jobs-showcase { .home-jobs-showcase {
padding: 1rem 0; padding: 0.85rem 0 0.7rem 0;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: #fff; background: #fff;
@@ -441,20 +441,20 @@
// 副标题 // 副标题
&__sub { &__sub {
font-size: 0.2rem; font-size: 0.15rem;
line-height: 0.28rem; line-height: 0.28rem;
color: #999; color: #999;
margin-top: 0.2rem; margin-top: 0.19rem;
} }
// 玻璃态展示盒子 // 玻璃态展示盒子
&__box { &__box {
margin-top: 0.6rem; margin-top: 0.87rem;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(255, 255, 255, 0.9); border: 1px solid rgba(255, 255, 255, 0.9);
box-shadow: 0 10px 40px rgba(82, 202, 209, 0.12); box-shadow: 0 10px 40px rgba(82, 202, 209, 0.12);
backdrop-filter: blur(100px); backdrop-filter: blur(100px);
border-radius: 0.4rem; border-radius: 0.1rem;
padding: 0.64rem 0; padding: 0.64rem 0;
} }
@@ -472,7 +472,7 @@
.ticker-track { .ticker-track {
display: flex; display: flex;
gap: 0.16rem; gap: 0.30rem;
width: max-content; width: max-content;
animation: ticker-scroll 20s linear infinite; animation: ticker-scroll 20s linear infinite;
} }
@@ -483,16 +483,16 @@
.showcase-stat { .showcase-stat {
text-align: center; text-align: center;
&__num { &__num {
font-size: 0.48rem; font-size: 0.40rem;
line-height: 0.6rem; line-height: 0.6rem;
font-weight: 900; font-weight: 900;
color: #1d1d1d; color: #2A8186;
.accent { color: $accent; } .accent { color: #2A8186; }
} }
&__label { &__label {
font-size: 0.18rem; font-size: 0.14rem;
line-height: 0.28rem; line-height: 0.28rem;
color: #64748b; color: #8D9399;
margin-top: 0.08rem; margin-top: 0.08rem;
} }
} }
@@ -500,7 +500,7 @@
// 单个岗位滚动卡片 // 单个岗位滚动卡片
.job-ticker { .job-ticker {
flex-shrink: 0; flex-shrink: 0;
background: rgba(30, 30, 46, 0.9); background: #12383A;
backdrop-filter: blur(36px); backdrop-filter: blur(36px);
border-radius: 0.12rem; border-radius: 0.12rem;
padding: 0.2rem 0.24rem; padding: 0.2rem 0.24rem;
@@ -545,16 +545,17 @@
min-width: 0; min-width: 0;
h2 { h2 {
font-size: 0.48rem; font-size: 0.34rem;
font-weight: 600; font-weight: 600;
line-height: 0.63rem; line-height: 0.43rem;
letter-spacing: 0.02rem;
color: #111; color: #111;
margin: 0; margin: 0;
} }
p { p {
font-size: 0.2rem; font-size: 0.14rem;
line-height: 0.325rem; line-height: 0.2rem;
color: #999; color: #999;
margin-top: 0.16rem; margin-top: 0.16rem;
} }
@@ -566,12 +567,13 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.12rem; gap: 0.12rem;
padding: 0.15rem 0.4rem; padding: 0 0.22rem;
border-radius: 0.16rem; border-radius: 0.12rem;
background: #111111; background: $accent;
color: #fff; color: #fff;
font-size: 0.16rem; font-size: 0.12rem;
line-height: 0.28rem; height: 0.42rem;
line-height: 0.42rem;
font-weight: 600; font-weight: 600;
border: none; border: none;
cursor: pointer; cursor: pointer;
@@ -582,7 +584,8 @@
} }
svg { svg {
flex-shrink: 0; flex-shrink: 0;
color: $btn-dark; color: #fff;
font-size: 0.12rem;
} }
} }
@@ -1069,7 +1072,7 @@
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
h2 { h2 {
font-size: 0.48rem; font-size: 0.38rem;
line-height: 0.48rem; line-height: 0.48rem;
font-weight: 600; font-weight: 600;
letter-spacing: -0.012rem; letter-spacing: -0.012rem;
@@ -1077,12 +1080,12 @@
} }
p { p {
font-size: 0.16rem; font-size: 0.15rem;
line-height: 0.24rem; line-height: 0.24rem;
color: #9ca3af; color: #9ca3af;
letter-spacing: 0.0rem; letter-spacing: 0.0rem;
text-transform: uppercase; text-transform: uppercase;
margin-top: 0.24rem; margin-top: 0.14rem;
} }
} }
src/assets/styles/pages/login.scss
+38 -35
View File
@@ -177,7 +177,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.12rem; gap: 0.12rem;
width: 3.41rem; width: 4rem;
img{ img{
width: 1.6rem; width: 1.6rem;
@@ -230,12 +230,12 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.24rem; gap: 0.24rem;
width: 3.41rem; width: 4rem;
} }
/* 标题 */ /* 标题 */
.login-view__heading { .login-view__heading {
width: 3.41rem; width: 4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.05rem; gap: 0.05rem;
@@ -243,15 +243,16 @@
.login-view__title { .login-view__title {
font-weight: 700; font-weight: 700;
font-size: 0.18rem; font-size: 0.24rem;
line-height: 0.22rem; line-height: 0.22rem;
color: #18181A; color: #18181A;
} }
.login-view__subtitle { .login-view__subtitle {
font-weight: 400; font-weight: 400;
font-size: 0.10rem; font-size: 0.14rem;
line-height: 0.12rem; margin-top: 0.08rem;
margin-bottom: 0.08rem;
color: #616367; color: #616367;
>span:nth-child(2){ >span:nth-child(2){
@@ -264,12 +265,12 @@
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
width: 3.41rem; width: 4rem;
height: 0.40rem; height: 0.56rem;
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #C8C9CD; border: 1px solid #C8C9CD;
box-shadow: 0 0.08rem 0.20rem rgba(15, 83, 87, 0.05); box-shadow: 0 0.08rem 0.20rem rgba(15, 83, 87, 0.05);
border-radius: 0.08rem; border-radius: 0.12rem;
} }
/* 手机图标 */ /* 手机图标 */
@@ -292,7 +293,7 @@
.login-view__country-label { .login-view__country-label {
margin-left: 0.06rem; margin-left: 0.06rem;
font-weight: 500; font-weight: 500;
font-size: 0.12rem; font-size: 0.14rem;
line-height: 0.15rem; line-height: 0.15rem;
color: #202124; color: #202124;
white-space: nowrap; white-space: nowrap;
@@ -330,7 +331,7 @@
border: none; border: none;
background: transparent; background: transparent;
font-weight: 400; font-weight: 400;
font-size: 0.12rem; font-size: 0.14rem;
line-height: 0.15rem; line-height: 0.15rem;
color: #202124; color: #202124;
outline: none; outline: none;
@@ -342,14 +343,14 @@
/* ==================== 发送验证码按钮（步骤一） ==================== */ /* ==================== 发送验证码按钮（步骤一） ==================== */
.login-view__send-btn { .login-view__send-btn {
width: 3.41rem; width: 4rem;
height: 0.40rem; height: 0.43rem;
background: linear-gradient(90deg, #4FC2C9 0%, #42A8B3 100%); background: linear-gradient(90deg, #4FC2C9 0%, #42A8B3 100%);
box-shadow: 0 0.16rem 0.30rem rgba(15, 83, 87, 0.15); box-shadow: 0 0.16rem 0.30rem rgba(15, 83, 87, 0.15);
border-radius: 0.08rem; border-radius: 0.12rem;
border: none; border: none;
font-weight: 600; font-weight: 600;
font-size: 0.12rem; font-size: 0.14rem;
line-height: 0.15rem; line-height: 0.15rem;
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
@@ -391,8 +392,8 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 0.42rem; width: 0.56rem;
height: 0.46rem; height: 0.56rem;
background: #FAFBFC; background: #FAFBFC;
border: 1px solid #E2E8F0; border: 1px solid #E2E8F0;
border-radius: 0.12rem; border-radius: 0.12rem;
@@ -401,7 +402,7 @@
.login-view__otp-box--active { .login-view__otp-box--active {
background: #F3FFFD; background: #F3FFFD;
border: 2px solid $accent; border: 1px solid $accent;
} }
.login-view__otp-box--filled { .login-view__otp-box--filled {
@@ -450,7 +451,7 @@
/* ==================== 状态按钮（步骤二） ==================== */ /* ==================== 状态按钮（步骤二） ==================== */
.login-view__status-btn { .login-view__status-btn {
width: 100%; width: 100%;
height: 0.4rem; height: 0.43rem;
background: linear-gradient(90deg, $btn-dark 0%, $btn-dark-hover 100%); background: linear-gradient(90deg, $btn-dark 0%, $btn-dark-hover 100%);
border-radius: 0.12rem; border-radius: 0.12rem;
border: none; border: none;
@@ -494,7 +495,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.06rem; gap: 0.06rem;
width: 3.41rem; width: 4rem;
} }
.login-view__checkbox { .login-view__checkbox {
@@ -547,7 +548,7 @@
/* ==================== 简历上传阶段 — 右侧面板 ==================== */ /* ==================== 简历上传阶段 — 右侧面板 ==================== */
.login-view__form-wrap--resume { .login-view__form-wrap--resume {
width: 3.41rem; width: 4rem;
} }
/* 上传区域 */ /* 上传区域 */
@@ -592,15 +593,16 @@
.login-view__upload-btn { .login-view__upload-btn {
height: 0.4rem; height: 0.4rem;
line-height: 0.4rem; line-height: 0.43rem;
background: linear-gradient(90deg, $btn-dark 0%, $btn-dark-hover 100%); background: linear-gradient(90deg, $btn-dark 0%, $btn-dark-hover 100%);
border: none; border: none;
border-radius: 0.08rem; border-radius: 0.08rem;
font-size: 0.16rem; font-size: 0.14rem;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
transition: opacity 0.2s; transition: opacity 0.2s;
margin-bottom: -0.1rem;
&:hover { &:hover {
opacity: 0.9; opacity: 0.9;
@@ -610,7 +612,7 @@
/* 解析中状态 — 新版步骤面板 */ /* 解析中状态 — 新版步骤面板 */
.login-view__parse-panel { .login-view__parse-panel {
box-sizing: border-box; box-sizing: border-box;
width: 3.41rem; width: 4rem;
padding: 0.24rem; padding: 0.24rem;
background: #F6FFFF; background: #F6FFFF;
border: 1px solid #D6F1EF; border: 1px solid #D6F1EF;
@@ -767,13 +769,13 @@
/* 解析中按钮（禁用样式） */ /* 解析中按钮（禁用样式） */
.login-view__parse-btn { .login-view__parse-btn {
width: 3.41rem; width: 4rem;
height: 0.40rem; height: 0.43rem;
background: #A6EAE7; background: #A6EAE7;
border-radius: 0.08rem; border-radius: 0.08rem;
border: none; border: none;
font-weight: 600; font-weight: 600;
font-size: 0.12rem; font-size: 0.14rem;
line-height: 0.15rem; line-height: 0.15rem;
color: #FFFFFF; color: #FFFFFF;
cursor: not-allowed; cursor: not-allowed;
@@ -782,7 +784,7 @@
/* ==================== 状态4：上传成功面板 ==================== */ /* ==================== 状态4：上传成功面板 ==================== */
.login-view__success-panel { .login-view__success-panel {
box-sizing: border-box; box-sizing: border-box;
width: 3.41rem; width: 4rem;
padding: 0.28rem 0.24rem; padding: 0.28rem 0.24rem;
background: #F6FFFB; background: #F6FFFB;
border: 1px solid #BCEED7; border: 1px solid #BCEED7;
@@ -863,13 +865,13 @@
/* 进入后台按钮 */ /* 进入后台按钮 */
.login-view__success-btn { .login-view__success-btn {
width: 3.41rem; width: 4rem;
height: 0.40rem; height: 0.43rem;
background: #4FC2C9; background: #4FC2C9;
border-radius: 0.08rem; border-radius: 0.08rem;
border: none; border: none;
font-weight: 600; font-weight: 600;
font-size: 0.12rem; font-size: 0.14rem;
line-height: 0.15rem; line-height: 0.15rem;
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
@@ -883,7 +885,7 @@
/* ==================== 状态3：上传失败面板 ==================== */ /* ==================== 状态3：上传失败面板 ==================== */
.login-view__failed-panel { .login-view__failed-panel {
box-sizing: border-box; box-sizing: border-box;
width: 3.41rem; width: 4rem;
padding: 0.28rem 0.24rem; padding: 0.28rem 0.24rem;
background: #FFFBFA; background: #FFFBFA;
border: 1px solid #FADBD5; border: 1px solid #FADBD5;
@@ -964,14 +966,14 @@
/* 重新上传按钮 */ /* 重新上传按钮 */
.login-view__failed-btn { .login-view__failed-btn {
width: 3.41rem; width: 4rem;
height: 0.40rem; height: 0.43rem;
background: linear-gradient(90deg, #4FC2C9 0%, #42A8B3 100%); background: linear-gradient(90deg, #4FC2C9 0%, #42A8B3 100%);
box-shadow: 0 0.16rem 0.30rem rgba(15, 83, 87, 0.15); box-shadow: 0 0.16rem 0.30rem rgba(15, 83, 87, 0.15);
border-radius: 0.08rem; border-radius: 0.08rem;
border: none; border: none;
font-weight: 600; font-weight: 600;
font-size: 0.12rem; font-size: 0.14rem;
line-height: 0.15rem; line-height: 0.15rem;
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
@@ -990,4 +992,5 @@
color: #999; color: #999;
padding-top: 0.3rem; padding-top: 0.3rem;
border-top: 1px solid #E7F2F3; border-top: 1px solid #E7F2F3;
text-decoration: none;
} }
src/views/Home.vue
+26 -22
View File
@@ -23,34 +23,38 @@
</header> </header>
<div class="home-hero__inner"> <div class="home-hero__inner">
<div class="home-hero__left"> <div class="home-hero__left">
<h1 class="home-hero__title">Offer派<br/>收offer就是快!</h1> <h1 class="home-hero__title">AI驱动的<br/><span class="dib w56"></span>一站式求职辅助平台</h1>
<p class="home-hero__desc">智能匹配职位、自动填写申请、量身定制简历、推荐内部人脉——<br/>不到1分钟，统统搞定！</p> <p class="home-hero__desc">智能匹配职位、自动填写申请、量身定制简历、推荐内部人脉——<br/>不到1分钟，统统搞定！</p>
<button class="home-hero__cta" @click="router.push('/jobs')">免费体验</button> <button class="home-hero__cta" @click="router.push('/jobs')">免费体验</button>
</div> </div>
<!-- 右侧视频展示区 --> <!-- 右侧视频展示区 -->
<div class="home-hero__right"> <div class="home-hero__right">
<div class="home-hero__right-top"> <!-- <div class="home-hero__right-top">-->
<div></div> <!-- <div></div>-->
<div></div> <!-- <div></div>-->
<div></div> <!-- <div></div>-->
<!-- </div>-->
<!-- <video-->
<!-- class="home-hero__video"-->
<!-- src="https://jsxq-image-static.oss-cn-shenzhen.aliyuncs.com/aiJob/find/open-intention-video.mp4"-->
<!-- autoplay-->
<!-- loop-->
<!-- muted-->
<!-- playsinline-->
<!-- ></video>-->
<div>
<img class="w706 h452" src="@/assets/images/home/home-top.gif" alt="">
</div> </div>
<video
class="home-hero__video"
src="https://jsxq-image-static.oss-cn-shenzhen.aliyuncs.com/aiJob/find/open-intention-video.mp4"
autoplay
loop
muted
playsinline
></video>
</div> </div>
</div> </div>
</section> </section>
<!-- Stats Section --> <!-- Stats Section -->
<section class="home-stats"> <section class="home-stats">
<div class="home-stats__inner"> <div class="home-stats__inner">
<div class="home-stats__header"> <div class="home-stats__header">
<h2 class="fs48">让每一次求职努力<br/>都成为看得见的成果</h2> <h2 class="fs38">让每一次求职努力<br/>都成为看得见的成果</h2>
<div class="home-stats__divider"></div> <div class="home-stats__divider"></div>
</div> </div>
<div class="home-stats__cards"> <div class="home-stats__cards">
@@ -77,16 +81,16 @@
<!-- 背景色块 — 底部全宽渐变 --> <!-- 背景色块 — 底部全宽渐变 -->
<div class="home-jobs-showcase__orb home-jobs-showcase__orb--bottom"></div> <div class="home-jobs-showcase__orb home-jobs-showcase__orb--bottom"></div>
<div class="home-jobs-showcase__inner"> <div class="home-jobs-showcase__inner">
<h2>海量优质校招岗位，尽在Offer派！</h2> <h2 class="fs38">海量优质校招岗位，尽在Offer派！</h2>
<p class="home-jobs-showcase__sub">实时汇集海量超10000+名校校招职位</p> <p class="home-jobs-showcase__sub">实时汇集海量超10000+名校校招职位</p>
<div class="home-jobs-showcase__box"> <div class="home-jobs-showcase__box prl25">
<div class="home-jobs-showcase__stats"> <div class="home-jobs-showcase__stats">
<div class="showcase-stat"> <div class="showcase-stat">
<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__num"><span><span class="accent">40</span><span class="accent">万</span></span><span class="fs32">+</span></div>
<div class="showcase-stat__label">岗位总数</div> <div class="showcase-stat__label">岗位总数</div>
</div> </div>
<div class="showcase-stat"> <div class="showcase-stat">
<div class="showcase-stat__num"><span class="accent">{{ dailyJobCount }}</span><span class="fs32">个</span></div> <div class="showcase-stat__num"><span class="accent">{{ dailyJobCount }}</span><span class="">个</span></div>
<div class="showcase-stat__label">今日更新</div> <div class="showcase-stat__label">今日更新</div>
</div> </div>
</div> </div>
@@ -114,7 +118,7 @@
<h2>个性化智能<br/>岗位匹配</h2> <h2>个性化智能<br/>岗位匹配</h2>
<p>第一时间发现真正适合你的岗位，精准匹配你的真<br/>实技能，杜绝虚假信息。</p> <p>第一时间发现真正适合你的岗位，精准匹配你的真<br/>实技能，杜绝虚假信息。</p>
<button class="home-feature__btn" @click="router.push('/jobs')"> <button class="home-feature__btn" @click="router.push('/jobs')">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="8" stroke="currentColor" stroke-width="2"/><circle cx="10" cy="10" r="4" stroke="currentColor" stroke-width="2"/><circle cx="10" cy="10" r="1.5" fill="currentColor"/></svg> <svg width="12" height="12" viewBox="0 0 14 23" fill="none"><circle cx="10" cy="10" r="8" stroke="currentColor" stroke-width="2"/><circle cx="10" cy="10" r="4" stroke="currentColor" stroke-width="2"/><circle cx="10" cy="10" r="1.5" fill="currentColor"/></svg>
<span>立即匹配</span> <span>立即匹配</span>
</button> </button>
</div> </div>
@@ -147,7 +151,7 @@
<h2>校招一键<br/>自动网申</h2> <h2>校招一键<br/>自动网申</h2>
<p>每日向数百岗位一键投递，覆盖各大企业网申系<br/>统。告别重复填写，节省 82% 校招求职时间。</p> <p>每日向数百岗位一键投递，覆盖各大企业网申系<br/>统。告别重复填写，节省 82% 校招求职时间。</p>
<button class="home-feature__btn" @click="router.push('/jobs')"> <button class="home-feature__btn" @click="router.push('/jobs')">
<img class="w20 h20" src="@/assets/images/home/blue-flash-icon-01.png" alt=""> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="13" viewBox="0 0 20 21" fill="none"><path d="M3.33331 11.6667C3.17561 11.6673 3.021 11.623 2.88743 11.5392C2.75387 11.4554 2.64683 11.3354 2.57876 11.1931C2.51069 11.0509 2.48438 10.8922 2.50289 10.7356C2.52139 10.579 2.58396 10.4309 2.68331 10.3084L10.9333 1.80839C10.9952 1.73696 11.0795 1.68868 11.1725 1.6715C11.2654 1.65431 11.3614 1.66923 11.4447 1.71381C11.5281 1.75838 11.5938 1.82997 11.6311 1.91681C11.6684 2.00365 11.675 2.10059 11.65 2.19172L10.05 7.20839C10.0028 7.33466 9.98695 7.47049 10.0038 7.60423C10.0206 7.73797 10.0697 7.86562 10.1467 7.97624C10.2237 8.08686 10.3265 8.17715 10.446 8.23936C10.5656 8.30156 10.6985 8.33383 10.8333 8.33339L16.6666 8.33339C16.8243 8.33285 16.9789 8.37707 17.1125 8.46091C17.2461 8.54474 17.3531 8.66476 17.4212 8.80701C17.4893 8.94926 17.5156 9.1079 17.4971 9.26451C17.4785 9.42111 17.416 9.56926 17.3166 9.69172L9.06664 18.1917C9.00476 18.2632 8.92042 18.3114 8.82749 18.3286C8.73455 18.3458 8.63854 18.3309 8.5552 18.2863C8.47186 18.2417 8.40615 18.1701 8.36886 18.0833C8.33157 17.9965 8.32491 17.8995 8.34997 17.8084L9.94997 12.7917C9.99715 12.6655 10.013 12.5296 9.99615 12.3959C9.9793 12.2621 9.93026 12.1345 9.85323 12.0239C9.77621 11.9132 9.6735 11.823 9.55391 11.7608C9.43433 11.6985 9.30144 11.6663 9.16664 11.6667L3.33331 11.6667Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal"></path></svg>
<span>开启自动网申</span> <span>开启自动网申</span>
</button> </button>
</div> </div>
@@ -190,7 +194,7 @@
<h2>岗位定制简历</h2> <h2>岗位定制简历</h2>
<p>10秒内生成针对特定岗位优化的专业简历，通过<br/>ATS系统，突出你的核心优势。</p> <p>10秒内生成针对特定岗位优化的专业简历，通过<br/>ATS系统，突出你的核心优势。</p>
<button class="home-feature__btn" @click="router.push('/jobs')"> <button class="home-feature__btn" @click="router.push('/jobs')">
<img class="w20 h20" src="@/assets/images/home/blue-file-icon-01.png" alt=""> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 20 22" fill="none"><path stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M10.5492 18.3334L15 18.3334C15.442 18.3334 15.8659 18.1578 16.1785 17.8453C16.4911 17.5327 16.6667 17.1088 16.6667 16.6668L16.6667 6.66675C16.6673 6.40268 16.6157 6.14109 16.5147 5.89708C16.4137 5.65307 16.2654 5.43148 16.0783 5.24509L13.0883 2.25509C12.9019 2.06802 12.6803 1.91972 12.4363 1.81874C12.1923 1.71776 11.9307 1.66611 11.6667 1.66675L4.99999 1.66675C4.55797 1.66675 4.13404 1.84235 3.82148 2.15491C3.50892 2.46747 3.33333 2.89139 3.33333 3.33342L3.33333 11.1168"></path><path stroke="rgba(82, 202, 209, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M11.6667 1.66675L11.6667 5.83341C11.6667 6.05443 11.7545 6.26639 11.9107 6.42267C12.067 6.57895 12.279 6.66675 12.5 6.66675L16.6667 6.66675"></path><path d="M8.64834 10.5184C8.98019 10.1869 9.43015 10.0007 9.89922 10.001C10.3683 10.0012 10.8181 10.1878 11.1496 10.5196C11.4811 10.8515 11.6672 11.3014 11.667 11.7705C11.6668 12.2396 11.4802 12.6894 11.1483 13.0209L6.96667 17.1975C6.76865 17.3957 6.52389 17.5407 6.255 17.6192L3.86584 18.3167C3.79413 18.3376 3.71812 18.3389 3.64576 18.3203C3.5734 18.3018 3.50736 18.2642 3.45454 18.2113C3.40173 18.1585 3.36408 18.0925 3.34554 18.0201C3.327 17.9478 3.32826 17.8718 3.34917 17.8L4.04584 15.4092C4.12448 15.1406 4.2695 14.8962 4.4675 14.6984L8.64834 10.5184Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal"></path></svg>
<span>优化我的简历</span> <span>优化我的简历</span>
</button> </button>
</div> </div>
@@ -229,7 +233,7 @@
<h2>名企内推<br/>人脉直通</h2> <h2>名企内推<br/>人脉直通</h2>
<p>实时获取名企最新内推信息，自动填写网申内推<br/>码，简历更快到达HR。</p> <p>实时获取名企最新内推信息，自动填写网申内推<br/>码，简历更快到达HR。</p>
<button class="home-feature__btn" @click="router.push('/jobs')"> <button class="home-feature__btn" @click="router.push('/jobs')">
<img class="w20 h20" src="@/assets/images/home/blue-horn-icon-01.png" alt=""> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="13" viewBox="0 0 20 20" fill="none"><path d="M9.16667 5C11.7011 5.06529 14.1783 4.23959 16.1667 2.66667C16.2905 2.57381 16.4377 2.51727 16.5918 2.50337C16.746 2.48947 16.9009 2.51877 17.0393 2.58798C17.1778 2.65719 17.2942 2.76358 17.3755 2.89522C17.4569 3.02687 17.5 3.17857 17.5 3.33333L17.5 13.3333C17.5 13.4881 17.4569 13.6398 17.3755 13.7714C17.2942 13.9031 17.1778 14.0095 17.0393 14.0787C16.9009 14.1479 16.746 14.1772 16.5918 14.1633C16.4377 14.1494 16.2905 14.0929 16.1667 14C14.1783 12.4271 11.7011 11.6014 9.16667 11.6667L4.16667 11.6667C3.72464 11.6667 3.30072 11.4911 2.98816 11.1785C2.67559 10.866 2.5 10.442 2.5 10L2.5 6.66667C2.5 6.22464 2.67559 5.80072 2.98816 5.48816C3.30072 5.1756 3.72464 5 4.16667 5L9.16667 5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal"></path><path stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M5 11.6665C5 13.8302 5.70178 15.9355 7 17.6665C7.26522 18.0201 7.66005 18.2539 8.09763 18.3164C8.53522 18.3789 8.97971 18.2651 9.33333 17.9998C9.68695 17.7346 9.92074 17.3398 9.98325 16.9022C10.0458 16.4646 9.93188 16.0201 9.66667 15.6665C8.80119 14.5125 8.33333 13.109 8.33333 11.6665"></path><path stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M6.66669 5L6.66669 11.6667"></path></svg>
<span>立即投递</span> <span>立即投递</span>
</button> </button>
</div> </div>
@@ -254,7 +258,7 @@
<h2>24h全天候<br/>AI求职助手</h2> <h2>24h全天候<br/>AI求职助手</h2>
<p>随时提供求职指导，从岗位筛选到面试技巧，你的专属职业规划顾问。</p> <p>随时提供求职指导，从岗位筛选到面试技巧，你的专属职业规划顾问。</p>
<button class="home-feature__btn" @click="router.push('/jobs')"> <button class="home-feature__btn" @click="router.push('/jobs')">
<img class="w20 h20" src="@/assets/images/home/blue-message-icon-01.png" alt=""> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="13" viewBox="0 0 20 20" fill="none"><path d="M18.3333 14.1667C18.3333 14.6087 18.1577 15.0326 17.8452 15.3452C17.5326 15.6577 17.1087 15.8333 16.6667 15.8333L5.69 15.8333C5.24801 15.8334 4.82416 16.0091 4.51167 16.3217L2.67667 18.1567C2.59393 18.2394 2.48851 18.2957 2.37375 18.3186C2.25898 18.3414 2.14003 18.3297 2.03193 18.2849C1.92382 18.2401 1.83142 18.1643 1.76641 18.067C1.7014 17.9697 1.66669 17.8553 1.66667 17.7383L1.66667 4.16667C1.66667 3.72464 1.84227 3.30072 2.15483 2.98816C2.46739 2.67559 2.89131 2.5 3.33334 2.5L16.6667 2.5C17.1087 2.5 17.5326 2.67559 17.8452 2.98816C18.1577 3.30072 18.3333 3.72464 18.3333 4.16667L18.3333 14.1667Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal"></path></svg>
<span>立即咨询</span> <span>立即咨询</span>
</button> </button>
</div> </div>
src/views/Login.vue
+4 -3
View File
@@ -126,6 +126,7 @@
<input ref="fileInputRef" type="file" accept=".pdf,.doc,.docx" class="login-view__file-input" @change="handleFileChange" /> <input ref="fileInputRef" type="file" accept=".pdf,.doc,.docx" class="login-view__file-input" @change="handleFileChange" />
<!-- 上传按钮 --> <!-- 上传按钮 -->
<button class="login-view__upload-btn" @click="triggerFileInput">+ 上传简历</button> <button class="login-view__upload-btn" @click="triggerFileInput">+ 上传简历</button>
<div class="tac"><span class="color-middle cursor-po fs14" @click="handleEnterDashboard">跳过，稍后填写</span></div>
</template> </template>
<!-- 状态2：解析中 parsing --> <!-- 状态2：解析中 parsing -->
@@ -241,9 +242,9 @@
</div> </div>
</template> </template>
<div class="login-view__right-footer"> <a class="login-view__right-footer" href="https://www.jianshixingqiu.com" target="_blank">
Offer派 求职工作台 见识星球旗下 · AI 求职产品
</div> </a>
</div> </div>
<!-- 协议预览弹窗 --> <!-- 协议预览弹窗 -->