这是一个简洁、美观且易于配置的微信小程序个人简历模板。它可以帮助你快速搭建一个属于自己的移动端简历,展示你的个人信息、工作经历、技能和教育背景。
- 个人信息展示:包括头像、姓名、职位、地点等。
- 便捷联系方式:
- 点击邮箱、网站、GitHub 可一键复制。
- 点击电话可直接拨打。
- 点击微信可弹出二维码模态框,支持长按识别。
- 模块化内容:包含个人介绍、工作经历(时间轴样式)、技能标签、教育背景。
- 精致 UI 设计:
- 自定义导航栏,适配不同机型。
- 现代化毛玻璃 (Glassmorphism) 卡片风格。
- 优雅的入场动画效果。
- 配置简单:所有简历数据均在
config.js中集中管理,无需修改页面代码。
mini-resume/
├── app.js # 小程序逻辑
├── app.json # 小程序公共配置
├── app.wxss # 小程序公共样式
├── config.js # [重要] 简历数据配置文件
├── project.config.json # 项目配置文件
├── images/ # 图片资源目录
│ ├── photo.jpg # 头像图片
│ └── wechat.jpg # 微信二维码图片
└── pages/
└── index/ # 首页文件 (wxml, wxss, js, json)
克隆或下载本项目到本地。
打开 微信开发者工具,点击“导入项目”,选择本项目根目录。 AppID 可以使用测试号或你自己的小程序 AppID。
打开根目录下的 config.js 文件,将其中的数据替换为你自己的信息:
module.exports = {
"userInfo": {
"name": "你的名字",
"title": "你的职位",
// ... 其他信息
},
// ... 其他模块
};将你的头像和微信二维码图片放入 images/ 目录,并确保文件名与 config.js 中引用的一致(默认建议使用 photo.jpg 和 wechat.jpg)。
在微信开发者工具中预览效果,确认无误后即可上传代码并提交审核发布。
如果你需要修改样式,主要关注以下文件:
pages/index/index.wxss: 包含主要的样式定义,如配色、卡片样式、动画等。app.wxss: 全局样式。
本项目开源,欢迎随意使用和修改。

