前端模拟接口,模拟数据渲染实现.

[code]{
"code": 1,
"msg": "ok",
"res": [
{
"id": 224,
"bid": "2097095",
"title": "3222222222",
"add_time": 1550892093,
"trash": 0,
"order": null,
"mulu": [
{
"id": 7914,
"title": "第1章：夜驯小娇妻，腹黑总裁轻点爱",
"issh": 2,
"zishu": 5109,
"create_time": "2019-02-23 11:22",
"tishen_time": "2019-02-23 11:22",
"notice": 1
},
{
"id": 7917,
"title": "第26章：第3章：有仇报仇，有恩报恩（改）",
"issh": 2,
"zishu": 5160,
"create_time": "2019-02-23 17:11",
"tishen_time": "2019-02-28 17:22",
"notice": 1
}
],
"total": 2
},
{
"id": 223,
"bid": "2097095",
"title": "1111",
"add_time": 1550891995,
"trash": 0,
"order": null,
"mulu": [
{
"id": 7916,
"title": "第2章：dsfdsf",
"issh": 2,
"zishu": 5109,
"create_time": "2019-02-23 17:11",
"tishen_time": "2019-02-23 17:11",
"notice": 1
}
],
"total": 1
},
{
"id": 216,
"bid": "2097095",
"title": "作品正文卷",
"add_time": 1550198773,
"trash": 0,
"order": null,
"mulu": [
{
"id": 7891,
"title": "第1章：被撞坏脑子的女神总裁",
"issh": 4,
"zishu": 3728,
"create_time": "2019-02-15 10:46",
"tishen_time": "2019-02-15 10:46",
"notice": 1
},
{
"id": 7892,
"title": "第2章：带着金卡，取钱去！",
"issh": 4,
"zishu": 2963,
"create_time": "2019-02-15 10:47",
"tishen_time": "2019-02-15 10:47",
"notice": 1
},
{
"id": 7893,
"title": "第3章：恶人自有恶人磨",
"issh": 4,
"zishu": 3477,
"create_time": "2019-02-15 15:18",
"tishen_time": "2019-02-15 15:18",
"notice": 1
},
{
"id": 7894,
"title": "第4章：测试测试",
"issh": 4,
"zishu": 2130,
"create_time": "2019-02-15 16:46",
"tishen_time": "2019-02-15 16:46",
"notice": 1
},
{
"id": 7895,
"title": "第5章：冒冷汗的酒店老板和总经理",
"issh": 4,
"zishu": 2641,
"create_time": "2019-02-22 14:42",
"tishen_time": "2019-02-22 14:42",
"notice": 1
}

],
"total": 5
}
]
}

这个接口可以存起来,模拟数据时直接拷贝修改.最后对应渲染就可以了.

效果图:

感谢赏阅!