岗位列表

  1. 列表渲染
  2. 分页功能
  3. 下拉刷新
  4. 按条件进行岗位查询

分类菜单及宫格

约束查询完成数据按分类加载

  1. 约束查询的文档 

    1. curl -X GET \
    2. -H "X-LC-Id: vvatm5BpnB9IVOCNdPkDMeNl-gzGzoHsz" \
    3. -H "X-LC-Key: U1HDuXYkYqcBlYbuL8Vt7C3d" \
    4. -H "Content-Type: application/json" \
    5. -G \
    6. --data-urlencode 'where={"cfytype":"1","jobtype":""}' \
    7. https://API_BASE_URL/1.1/classes/Post

  2. 约束查询的方法封装 

    1. export const getJobList = (page=0,condition)=>{
    2. // {  //岗位查询条件数据包
    3. //     cfytype:'1',
    4. //     jobtype:'60e56a821df7645d57a313c1'
    5. // }
    6. let wh = JSON.stringify(condition)  //将条件数据包，处理为json字符串
    7. return $u.get(`/1.1/classes/Jobs?where=${wh}&limit=10&skip=${page*10}`)
    8. }

  3. 用户点击不同分类时，只需要改变condition条件，重新发起请求

注意移动端的事件

  1. @click只支持PC端
  2. @tap 可以支持所有移动端 
    1. <view @tap="handleTest">
    2. 测试点击事件
    3. </view>

分类主菜单切换时刷新数据

只需要改变condition查询条件

重新以新的条件加载新数据

代码封装与空列表效果添加

u-empty组件使用