当用户提到以下意图时,触发此 Skill:
触发后,立即将 目录下的所有文件
复制到用户指定的输出目录(默认 ./graduate-job-portal/)。
如果用户没有指定输出目录,询问后使用默认路径。
复制完成后告知用户:
index.html 即可预览style.css:root 中,修改即可换主题色<template>/
├── index.html
├── login.html
├── register.html
├── jobs.html
├── job-detail.html
├── offer-compare.html
├── onboarding.html
├── css/
│ ├── style.css
│ ├── index.css
│ ├── auth.css
│ ├── jobs.css
│ ├── job-detail.css
│ ├── offer-compare.css
│ └── onboarding.css
└── js/
├── main.js
├── index.js
├── jobs.js
├── offer-compare.js
└── onboarding.js
| 变量 | 色值 | 用途 |
|---|---|---|
| ------ | ------ | ------ |
--primary | #4f6ef7 | 主色调(科技蓝) |
--accent | #00d4ff | 强调色(青蓝) |
--accent-secondary | #a855f7 | 辅助色(紫色) |
--bg-primary | #0a0e27 | 主背景(深蓝黑) |
--bg-card | rgba(20,30,80,0.65) | 卡片背景(玻璃态) |
--radius-sm: 8px — 按钮、输入框--radius-md: 16px — 卡片--radius-lg: 24px — Hero 区--radius-full: 9999px — 标签、徽章768px — 移动端(单列、汉堡菜单)1024px — 平板(卡片 2 列)| 文件 | 功能 |
|---|---|
| ------ | ------ |
index.html | 首页:Hero、轮播公告、6大服务卡片、求职时间线、CTA |
login.html | 登录:表单验证、密码显示切换、社交登录入口 |
register.html | 注册:密码强度检测、确认密码、用户协议勾选 |
jobs.html | 岗位列表:城市/类型筛选、标签筛选、薪资/日期排序、分页加载 |
job-detail.html | 岗位详情:描述、要求、福利、公司介绍、侧边栏 |
offer-compare.html | Offer对比:多维打分、对比表格、智能推荐 |
onboarding.html | 入职清单:按公司类型分类、勾选进度、打印 |
共 1 个版本