Skip to content

P
project-www-pc
提交 d8fd9a6d authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: update

上级 1164092e
隐藏空白字符变更
内嵌 并排
正在显示 包含 82 行增加 和 35 行删除
app/components/YouguEndLanding.vue
浏览文件 @ d8fd9a6d
...@@ -148,7 +148,7 @@ onBeforeUnmount(() => { ...@@ -148,7 +148,7 @@ onBeforeUnmount(() => {
<div class="qr-card"> <div class="qr-card">
<span class="qr-corner tl"></span><span class="qr-corner tr"></span> <span class="qr-corner tl"></span><span class="qr-corner tr"></span>
<span class="qr-corner bl"></span><span class="qr-corner br"></span> <span class="qr-corner bl"></span><span class="qr-corner br"></span>
<img src="/images/yougu/qr.webp" :alt="`${page.productName}详情咨询微信二维码`" width="230" height="230" loading="lazy" /> <img src="/images/yougu/qr.webp" :alt="`${page.productName}详情咨询微信二维码`" width="444" height="444" loading="lazy" />
<div class="qr-caption">微信扫码 · 详情咨询<span>添加顾问，获取平台详情与咨询服务</span></div> <div class="qr-caption">微信扫码 · 详情咨询<span>添加顾问，获取平台详情与咨询服务</span></div>
</div> </div>
<p class="apply-note">{{ page.applyNote }}</p> <p class="apply-note">{{ page.applyNote }}</p>
...@@ -449,6 +449,14 @@ onBeforeUnmount(() => { ...@@ -449,6 +449,14 @@ onBeforeUnmount(() => {
radial-gradient(760px 420px at -4% 55%, rgba(128, 128, 128, 0.05), transparent 55%), var(--card); radial-gradient(760px 420px at -4% 55%, rgba(128, 128, 128, 0.05), transparent 55%), var(--card);
} }
#features .kicker {
color: var(--red);
&::before {
background: var(--red);
}
}
.route { .route {
margin-top: 44px; margin-top: 44px;
position: relative; position: relative;
...@@ -499,8 +507,8 @@ onBeforeUnmount(() => { ...@@ -499,8 +507,8 @@ onBeforeUnmount(() => {
} }
.route-item:last-child .route-node { .route-item:last-child .route-node {
background: linear-gradient(140deg, var(--gold), #b96a22); background: linear-gradient(140deg, var(--red), var(--red-deep));
box-shadow: 0 12px 26px rgba(201, 125, 49, 0.3); box-shadow: 0 12px 26px rgba(171, 10, 61, 0.3);
} }
.route-card { .route-card {
...@@ -717,7 +725,7 @@ onBeforeUnmount(() => { ...@@ -717,7 +725,7 @@ onBeforeUnmount(() => {
em { em {
font-style: normal; font-style: normal;
color: #f0cf9a; color: #fff;
} }
} }
......
app/components/YouguFloatCta.vue
浏览文件 @ d8fd9a6d
...@@ -16,7 +16,7 @@ function goToCta() { ...@@ -16,7 +16,7 @@ function goToCta() {
<style lang="scss"> <style lang="scss">
.yougu-float-cta { .yougu-float-cta {
position: fixed; position: fixed;
right: 20px; right: 14px;
top: 50%; top: 50%;
z-index: 1001; z-index: 1001;
width: 48px; width: 48px;
......
app/pages/yougu/index.vue
浏览文件 @ d8fd9a6d
...@@ -30,10 +30,10 @@ const ends = [ ...@@ -30,10 +30,10 @@ const ends = [
to: '/yougu/school', to: '/yougu/school',
icon: '<path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"/><path d="M22 10v6"/><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"/>', icon: '<path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"/><path d="M22 10v6"/><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"/>',
feats: [ feats: [
{ name: '看清产业', note: '｜洞察产业与岗位需求' }, { name: '看清产业', note: '｜产业链全景分析与人才需求动态洞察' },
{ name: '对准专业', note: '｜研判专业与市场匹配' }, { name: '对准专业', note: '｜产业—岗位—专业供需匹配分析' },
{ name: '找准差距', note: '｜定位岗位能力与课程缺口' }, { name: '找准差距', note: '｜岗位能力图谱与课程能力诊断' },
{ name: '推动改进', note: '｜形成专业持续诊改闭环' }, { name: '推动改进', note: '｜智能预警、整改闭环与成果输出' },
], ],
}, },
{ {
...@@ -44,10 +44,11 @@ const ends = [ ...@@ -44,10 +44,11 @@ const ends = [
to: '/yougu/student', to: '/yougu/student',
icon: '<circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/>', icon: '<circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/>',
feats: [ feats: [
{ name: '生涯前移', note: '｜从“毕业季”走向“大学四年”' }, { name: '看方向', note: '｜从大一开始明确未来方向' },
{ name: '能力形成', note: '｜从“知道缺什么”到“真正练出来”' }, { name: '找差距', note: '｜看清距离目标岗位还差什么' },
{ name: '成长有据', note: '｜从“学过什么”到“练成什么”' }, { name: '练能力', note: '｜把岗位要求真正练成能力' },
{ name: 'AI陪伴', note: '｜让个性化指导覆盖更多学生' }, { name: '做求职', note: '｜把四年成长转化为岗位语言' },
{ name: '去职场', note: '｜AI职业发展教练陪伴就业全过程' },
], ],
}, },
{ {
...@@ -168,9 +169,9 @@ onBeforeUnmount(() => { ...@@ -168,9 +169,9 @@ onBeforeUnmount(() => {
<img <img
class="banner-img" class="banner-img"
src="/images/yougu/banner.webp" src="/images/yougu/banner.webp"
alt="紫荆·优雇 Agent — AI 一体化人才供需协同平台" alt="紫荆优雇 Agent — AI 一体化人才供需协同平台：学校端 · 学生端 · 企业端；让专业更强产业，让学生更懂未来，让企业更懂人才。"
width="1920" width="1920"
height="807" height="615"
fetchpriority="high" /> fetchpriority="high" />
</div> </div>
<div class="hero-actions"> <div class="hero-actions">
...@@ -201,7 +202,7 @@ onBeforeUnmount(() => { ...@@ -201,7 +202,7 @@ onBeforeUnmount(() => {
<!-- 三端协同生态图（设计稿整图） --> <!-- 三端协同生态图（设计稿整图） -->
<div class="eco reveal d2"> <div class="eco reveal d2">
<img src="/images/yougu/eco.webp" alt="紫荆·优雇 Agent 三端协同生态图" width="1607" height="841" loading="lazy" /> <img src="/images/yougu/eco.webp" alt="紫荆优雇 Agent 三端协同：学校端产教图谱、学生端北斗星、企业端人才桥" width="1672" height="842" loading="lazy" />
</div> </div>
<!-- 三端分述卡片（点击进入各端二级页） --> <!-- 三端分述卡片（点击进入各端二级页） -->
...@@ -304,7 +305,7 @@ onBeforeUnmount(() => { ...@@ -304,7 +305,7 @@ onBeforeUnmount(() => {
<div class="qr-card"> <div class="qr-card">
<span class="qr-corner tl"></span><span class="qr-corner tr"></span> <span class="qr-corner tl"></span><span class="qr-corner tr"></span>
<span class="qr-corner bl"></span><span class="qr-corner br"></span> <span class="qr-corner bl"></span><span class="qr-corner br"></span>
<img src="/images/yougu/qr.webp" alt="紫荆·优雇 Agent 详情咨询微信二维码" width="230" height="230" loading="lazy" /> <img src="/images/yougu/qr.webp" alt="紫荆优雇 Agent 详情咨询微信二维码" width="444" height="444" loading="lazy" />
<div class="qr-caption">微信扫码 · 详情咨询<span>添加顾问，获取平台详情与咨询服务</span></div> <div class="qr-caption">微信扫码 · 详情咨询<span>添加顾问，获取平台详情与咨询服务</span></div>
</div> </div>
<p class="apply-note">长按识别或使用微信扫一扫，我们的顾问将为您介绍紫荆·优雇 Agent 平台，并提供详情咨询。</p> <p class="apply-note">长按识别或使用微信扫一扫，我们的顾问将为您介绍紫荆·优雇 Agent 平台，并提供详情咨询。</p>
...@@ -617,11 +618,11 @@ onBeforeUnmount(() => { ...@@ -617,11 +618,11 @@ onBeforeUnmount(() => {
} }
.scene-link:nth-child(2) .scene-card::before { .scene-link:nth-child(2) .scene-card::before {
background: linear-gradient(90deg, #f0cf9a, #b96a22); background: linear-gradient(90deg, var(--red), var(--red-deep));
} }
.scene-link:nth-child(2) .scene-card:hover { .scene-link:nth-child(2) .scene-card:hover {
border-color: rgba(201, 125, 49, 0.28); border-color: rgba(171, 10, 61, 0.16);
} }
/* —— 头部品牌带（通栏晕染 + 底部分隔线）—— */ /* —— 头部品牌带（通栏晕染 + 底部分隔线）—— */
...@@ -633,7 +634,7 @@ onBeforeUnmount(() => { ...@@ -633,7 +634,7 @@ onBeforeUnmount(() => {
} }
.scene-link:nth-child(2) .scene-card .scene-head { .scene-link:nth-child(2) .scene-card .scene-head {
background: linear-gradient(180deg, rgba(201, 125, 49, 0.09) 0%, rgba(201, 125, 49, 0.022) 58%, rgba(201, 125, 49, 0) 100%); background: linear-gradient(180deg, rgba(171, 10, 61, 0.065) 0%, rgba(171, 10, 61, 0.018) 58%, rgba(171, 10, 61, 0) 100%);
} }
.scene-head-top { .scene-head-top {
...@@ -669,9 +670,9 @@ onBeforeUnmount(() => { ...@@ -669,9 +670,9 @@ onBeforeUnmount(() => {
} }
.scene-link:nth-child(2) .scene-card .scene-mark { .scene-link:nth-child(2) .scene-card .scene-mark {
background: rgba(201, 125, 49, 0.12); background: rgba(171, 10, 61, 0.075);
color: #b96a22; color: var(--red);
box-shadow: 0 6px 16px rgba(201, 125, 49, 0.09); box-shadow: 0 6px 16px rgba(171, 10, 61, 0.07);
} }
/* 端标签 */ /* 端标签 */
...@@ -698,8 +699,8 @@ onBeforeUnmount(() => { ...@@ -698,8 +699,8 @@ onBeforeUnmount(() => {
} }
.scene-link:nth-child(2) .scene-card .end-tag { .scene-link:nth-child(2) .scene-card .end-tag {
background: linear-gradient(135deg, #e8b57a, #b96a22); background: linear-gradient(135deg, var(--red), var(--red-deep));
box-shadow: 0 7px 18px rgba(201, 125, 49, 0.24); box-shadow: 0 7px 18px rgba(171, 10, 61, 0.24);
} }
/* 产品名单行排布：紫荆优雇Agent · 产教图谱（字同大） */ /* 产品名单行排布：紫荆优雇Agent · 产教图谱（字同大） */
...@@ -721,7 +722,7 @@ onBeforeUnmount(() => { ...@@ -721,7 +722,7 @@ onBeforeUnmount(() => {
em { em {
font-style: normal; font-style: normal;
color: var(--gold); color: var(--red);
} }
} }
...@@ -781,10 +782,10 @@ onBeforeUnmount(() => { ...@@ -781,10 +782,10 @@ onBeforeUnmount(() => {
} }
.scene-link:nth-child(2) .scene-card .scene-sub { .scene-link:nth-child(2) .scene-card .scene-sub {
color: #b96a22; color: var(--red);
&::before { &::before {
background: linear-gradient(180deg, #e8b57a, #b96a22); background: linear-gradient(180deg, var(--red), var(--red-deep));
} }
} }
...@@ -825,7 +826,7 @@ onBeforeUnmount(() => { ...@@ -825,7 +826,7 @@ onBeforeUnmount(() => {
width: 6px; width: 6px;
height: 6px; height: 6px;
border-radius: 50%; border-radius: 50%;
background: var(--gold); background: var(--red);
} }
b { b {
...@@ -871,8 +872,8 @@ onBeforeUnmount(() => { ...@@ -871,8 +872,8 @@ onBeforeUnmount(() => {
} }
.scene-link:nth-child(2) .scene-card .scene-go { .scene-link:nth-child(2) .scene-card .scene-go {
background: linear-gradient(135deg, #e8b57a, #b96a22); background: linear-gradient(135deg, var(--red), var(--red-deep));
box-shadow: 0 10px 22px rgba(201, 125, 49, 0.24); box-shadow: 0 10px 22px rgba(171, 10, 61, 0.22);
} }
.scene-link:hover .scene-card .scene-go { .scene-link:hover .scene-card .scene-go {
...@@ -885,7 +886,37 @@ onBeforeUnmount(() => { ...@@ -885,7 +886,37 @@ onBeforeUnmount(() => {
} }
.scene-link:nth-child(2):hover .scene-card .scene-go { .scene-link:nth-child(2):hover .scene-card .scene-go {
box-shadow: 0 16px 30px rgba(201, 125, 49, 0.32); box-shadow: 0 16px 30px rgba(171, 10, 61, 0.3);
}
.scene-link {
height: 100%;
}
.scene-card {
height: 100%;
display: flex;
flex-direction: column;
}
.scene-body {
flex: 1;
display: flex;
flex-direction: column;
}
.scene-card .scene-go {
margin-top: auto;
}
@media (min-width: 860px) {
.scene-card .feat-list li {
gap: 8px;
}
.scene-card .feat-list li .fx {
font-size: 12.5px;
}
} }
/* ============ Features（核心功能） ============ */ /* ============ Features（核心功能） ============ */
...@@ -895,6 +926,14 @@ onBeforeUnmount(() => { ...@@ -895,6 +926,14 @@ onBeforeUnmount(() => {
radial-gradient(760px 420px at -4% 55%, rgba(128, 128, 128, 0.05), transparent 55%), var(--card); radial-gradient(760px 420px at -4% 55%, rgba(128, 128, 128, 0.05), transparent 55%), var(--card);
} }
#features .kicker {
color: var(--red);
&::before {
background: var(--red);
}
}
.route { .route {
margin-top: 44px; margin-top: 44px;
position: relative; position: relative;
...@@ -945,8 +984,8 @@ onBeforeUnmount(() => { ...@@ -945,8 +984,8 @@ onBeforeUnmount(() => {
} }
.route-item:last-child .route-node { .route-item:last-child .route-node {
background: linear-gradient(140deg, var(--gold), #b96a22); background: linear-gradient(140deg, var(--red), var(--red-deep));
box-shadow: 0 12px 26px rgba(201, 125, 49, 0.3); box-shadow: 0 12px 26px rgba(171, 10, 61, 0.3);
} }
.route-card { .route-card {
...@@ -1189,7 +1228,7 @@ onBeforeUnmount(() => { ...@@ -1189,7 +1228,7 @@ onBeforeUnmount(() => {
em { em {
font-style: normal; font-style: normal;
color: #f0cf9a; color: #fff;
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论