mock模拟数据:
function getHot(){
return new Array(10).fill(0).map(()=>
Mock.mock({
data:{
title:Mock.Random.ctitle(3,5),
//desc:Mock.Random.cparagraph(),
//img:Mock.Random.Image("100x100",Mock.Random.color()),
color:Mock.Random.color()
}
})
);
}
function getNews(num){
return new Array(num).fill(0).map(()=>
Mock.mock({
data:{
title:Mock.Random.ctitle(),
desc:Mock.Random.cparagraph(),
img:Mock.Random.image("60x60",Mock.Random.color()),
// color:Mock.Random.color()
}
})
);
}
Mock.mock('/hot',()=>getHot());
Mock.mock('/news',()=>getNews(10));
html页面:
<div class="section4 pl1 pr1">
<div class="section4-top">
<span onclick="showHot()">点击换一批</span>
<span>热门话题</span>
</div>
<div cla