Skip to content

这是一个简洁、美观且易于配置的微信小程序个人简历模板。它可以帮助你快速搭建一个属于自己的移动端简历,展示你的个人信息、工作经历、技能和教育背景。

Notifications You must be signed in to change notification settings

CavinCao/mini-resume

Repository files navigation

Mini Resume (迷你简历小程序)

这是一个简洁、美观且易于配置的微信小程序个人简历模板。它可以帮助你快速搭建一个属于自己的移动端简历,展示你的个人信息、工作经历、技能和教育背景。

👀 效果预览

✨ 功能特性

  • 个人信息展示:包括头像、姓名、职位、地点等。
  • 便捷联系方式
    • 点击邮箱、网站、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)

🚀 快速开始

1. 获取代码

克隆或下载本项目到本地。

2. 导入项目

打开 微信开发者工具,点击“导入项目”,选择本项目根目录。 AppID 可以使用测试号或你自己的小程序 AppID。

3. 配置简历信息

打开根目录下的 config.js 文件,将其中的数据替换为你自己的信息:

module.exports = {
  "userInfo": {
    "name": "你的名字",
    "title": "你的职位",
    // ... 其他信息
  },
  // ... 其他模块
};

4. 替换图片资源

将你的头像和微信二维码图片放入 images/ 目录,并确保文件名与 config.js 中引用的一致(默认建议使用 photo.jpgwechat.jpg)。

5. 预览与发布

在微信开发者工具中预览效果,确认无误后即可上传代码并提交审核发布。

🎨 自定义样式

如果你需要修改样式,主要关注以下文件:

  • pages/index/index.wxss: 包含主要的样式定义,如配色、卡片样式、动画等。
  • app.wxss: 全局样式。

📄 许可证

本项目开源,欢迎随意使用和修改。

About

这是一个简洁、美观且易于配置的微信小程序个人简历模板。它可以帮助你快速搭建一个属于自己的移动端简历,展示你的个人信息、工作经历、技能和教育背景。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors