微信小程序仿BOSS直聘

仿BOSS制品小程序主要包含“薪资查询”、“职位”、“我的”三个主要Tab页面,职位tab页还包含了“职位详情”、“搜索职位”、“城市选择”等明细页面。

技术要点:

1.使用高德地图微信SDK(amap-wx.js)获取地图信息等

2.引用iconfont阿里巴巴base64小图标

3.使用 view   image   text  scroll-view  map等组件

4.使用template模板,

5.使用条件渲染wx:if   wx:for列表渲染等

6.其他API调用:事件绑定catchtap  bindtap...、路由跳转navigateTo等

7.

引入wxml如:

引入wxss如:

@import 'position-item/position-item.wxss';

引进js如:

let positionData = require("../../datas/position-list");

项目结构:

微信小程序仿BOSS直聘_第1张图片

项目截图:

微信小程序仿BOSS直聘_第2张图片微信小程序仿BOSS直聘_第3张图片微信小程序仿BOSS直聘_第4张图片微信小程序仿BOSS直聘_第5张图片微信小程序仿BOSS直聘_第6张图片微信小程序仿BOSS直聘_第7张图片微信小程序仿BOSS直聘_第8张图片微信小程序仿BOSS直聘_第9张图片微信小程序仿BOSS直聘_第10张图片微信小程序仿BOSS直聘_第11张图片微信小程序仿BOSS直聘_第12张图片

这是楼主第一个练手项目,欢迎留言互相学习,共同进步,源代码可分享~

你可能感兴趣的:(微信小程序仿BOSS直聘)