首页

71 阅读1分钟

创建组件

封装token(配置请求拦截)

配置路由

image.png

布局

头部

栏目

内容

样式

image.png

页面渲染

1. 栏目列表渲染
  • 封装接口函数
  • 页面引入接口函数,created中调用接口,请求并保存数据
  • 渲染到页面

image.png

2. 新闻列表渲染
  • 封装接口函数
  • 在栏目列表的回调函数中引入,请求并保存数据
  • 渲染到页面

image.png

image.png

image.png

3. 实现下拉刷新

image.png

4. 实现上拉加载
  • 添加pageSize、pageIndex两个接口
  • 引入组件,添加load、offset属性
  • 修改pageIndex的值,判断是否需要继续加载,合并数组 image.png
  • 1.使用组件 image.png

image.png

  • 2. 添加属性

image.png image.png

image.png