36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
|
export const getHistoryMsg = (params)=>{
|
|||
|
|
const { page = 1,rows = 10 } = params ?? {};
|
|||
|
|
let join = ()=>{
|
|||
|
|
let arr = [];
|
|||
|
|
|
|||
|
|
//通过当前页码及页数，模拟数据内容
|
|||
|
|
let startIndex = (page-1) * rows;
|
|||
|
|
let endIndex = startIndex + rows;
|
|||
|
|
for(let i = startIndex; i < endIndex; i++){
|
|||
|
|
arr.push({
|
|||
|
|
"id":i, // 消息的ID
|
|||
|
|
"content":`这是历史记录的第${i+1}条消息，第${page}页`, // 消息内容
|
|||
|
|
"type":Math.random() > 0.5 ? 1 : 0 ,// 此为消息类别，设 1 为发出去的消息，0 为收到对方的消息,
|
|||
|
|
"pic":"/static/logo.png" // 头像
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
颠倒数组中元素的顺序。将最新的数据排在本次接口返回数据的最后面。
|
|||
|
|
后端接口按 消息的时间降序查找出当前页的数据后，再将本页数据按消息时间降序排序返回。
|
|||
|
|
这是数据的重点，因为页面滚动条和上拉加载历史的问题。
|
|||
|
|
*/
|
|||
|
|
// arr.reverse();
|
|||
|
|
|
|||
|
|
return arr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 此处用到 ES6 的 Promise 知识，不懂的请自行学习。
|
|||
|
|
return new Promise((done,fail)=>{
|
|||
|
|
// 无数据请求接口，由 setTimeout 模拟，正式项目替换为 ajax 即可。
|
|||
|
|
setTimeout(()=>{
|
|||
|
|
let data = join();
|
|||
|
|
done(data);
|
|||
|
|
},1000);
|
|||
|
|
})
|
|||
|
|
}
|