开始

文章的列表。
image.png
之前实现了进入详情页的代码
image.png
请求接口之前，显示加载中
image.png
默认的初始化数据
image.png
想抢全部在detail-info这个组件内。
image.png
创建时间
image.png
存在，才去显示
image.png

打印首页拿到的数据是什么
image.png
记载的内容改成content
image.png
添加这个属性字段。
image.png

首页传过来的数据是没有这些属性的，所以我们需要手动的加上
主要缺少content和morepic
image.png
还缺少goodnum
image.png

image.png

写一个异步的方法，获取文章的详情
image.png
接口的地址
image.png

image.png
content和多图的情况的处理。
image.png
图片都在images数组里面，所以需要拿出来。
image.png

image.png
创建时间
image.png
最后关闭loading
image.png
调用方法。
image.png

获取评论列表

评论数的判断。凡事请求，都是异步的。
image.png
有评论数，才去获取评论的列表数据。
image.png
获取评论的接口
image.png

image.png
fid为0表示是一级评论。我们要把耳机评论放在一级评论的下面。
image.png
这个时候就需要用到无限极的分类
无限极分类的方法，直接复制过来的。提前写好的。
image.png
首先声明一个temp 一个空的数组
image.png
方法里面再声明一个方法
image.png
第一个参数是传过来的
image.png
还要传一个id默认为0.
image.png
id默认为0 就是取 一级的评论
image.png
拿到一级评论之后，转换一个格式。push到temp里面。
image.png
加载它的子评论，递归。
image.png

测试

image.png
下面是评论。
image.png

结束