1、流程
1、满足硬件要求
2、下载微信开发工具稳定版本
3、搜索 微信公众平台 注册账号
4、拿到 app id
5、新建小程序
2、小程序基础
1、清理一下不用的page 下面两个页面
2、并将下面的内容清除掉 只保留格式
3、写全局样式
3、复习 flex布局
1、flex 更好适配不用设备的尺寸
2、
3、
4、设计简历封面
1、先清理之前写的 flex
2、先写index.js 获得屏幕的宽度和高度
3、新建 imgs文件夹 并放一个半身的照片
4、设置照片居中 并且底对齐
5、加姓名 设置位置
6、加气泡效果 设置位置
7、设置 向右滑动导航效果
5、设置简历页面标题栏
1、先写结构
2、有个技巧 调试时候 需要频繁滑动到右边 我直接 将第一个页面注释掉 就可直接展示第二个页面
5、设置简历基本信息栏目
1、先设置结构
2、补充缺少的 data数据
3、设置样式
4、有个技巧 一行有多列 可以使用 css column-count: xx 多列布局
-
实现的效果
-
6、设置简历主要技能栏目
1、上面的主要技能 可以直接复用第一部分的内容
2、下面的文字需要 循环 传入
3、进度条 直接使用 微信的 progress 实现
6、设置简历教育经历栏目
1、先在 data 中定义相关的信息
2、写结构 渲染出来
3、更改一下样式
4、需要注意如果添加多段教育经历 需要更改一下样式
5、需要注意 每段教育经历之间 虚线分割 最后一段教育经历 不要虚线
6、加上页码 page
7、设置简历工作经历栏目
1、和上面的思路很相似
2、先在模型层 data 里面定义数据
3、再通过循环渲染出来
4、需要注意 如果工作经历 分级多个表示出来的话 应该将 rich-text 换成 text 会自动换行
8、设置简历项目经历栏目
1、data定义数据
2、写结构渲染
3、改动样式
4、有一点是有效的 右键可格式化代码
5、
9、设置简历自我评价栏目
1、和前面步骤相似
2、请看前面部分
10、上架发布小程序
1、上传
2、微信公众平台填写 相关信息
3、发布
11、怎么编写工作经历简历 ?
12、怎么编写项目经历简历 ?
13、学习展望
14、我的简历 初稿
-
欢迎 扫描二维码取阅 个人简历
-
博客