90 lines
3.3 KiB
JavaScript
90 lines
3.3 KiB
JavaScript
// Avoid `console` errors in browsers that lack a console.
|
|
// 记录高亮
|
|
var index = 1
|
|
let length = 5
|
|
|
|
getlist(1)
|
|
|
|
function getlist(page) {
|
|
// 记录页数
|
|
index = page
|
|
// 是不是最大页 默认最大页为5 后面会重置
|
|
if (index > length) {
|
|
return index--
|
|
}
|
|
// 是不是最小页
|
|
if (index < 1) {
|
|
return index++
|
|
}
|
|
$.ajax({
|
|
url: serveUrl + '?c=index&a=news_list',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {
|
|
www: 5,
|
|
page: index + '',
|
|
pagesize: 9,
|
|
},
|
|
success: function (res) {
|
|
//获取需要的数据
|
|
var group = res.data.list
|
|
// 记录页码长度
|
|
length = Math.ceil(res.data.count / 9)
|
|
// 详情
|
|
var str = ''
|
|
for (var i = 0; i < group.length; i++) {
|
|
str += `
|
|
<div class="col-lg-4 col-md-6 blog-item mb-40">
|
|
<div class="blog-wrapper blog-column">
|
|
<div class="blog-thumb">
|
|
<img class="news" style="height:189px" src="${group[i].img}" alt="" />
|
|
</div>
|
|
<div class="meta-info">
|
|
<ul>
|
|
<li class="posts-time">${group[i].create_time == '0' ? '' : timestampToTime(Number(group[i].create_time))}</li>
|
|
</ul>
|
|
</div>
|
|
<div class="blog-content" >
|
|
<p style="font-size:18px;font-weight:bold;margin:10px 0px 15px;color:#333333"> ${group[i].title} </p>
|
|
<p style="display:-webkit-box:-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;"> ${(group[i].content_htmls)}</p>
|
|
</div>
|
|
<div class="link-box">
|
|
<a class="detailsId" href="news-details.html?id=${group[i].id}">查看详情</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`
|
|
}
|
|
document.querySelector('#box').innerHTML = str
|
|
var back = `<li id="upPage" onclick="getlist(--index)">
|
|
<a href="#">上一页</a>
|
|
</li>`
|
|
var strs = ''
|
|
for (let i = 1; i <= Math.ceil(res.data.count / 9); i++) {
|
|
strs += `<li class="${i === index ? 'active' : ''}" onclick="getlist(${i})">
|
|
<a href="#">
|
|
<span >${i}</span>
|
|
</a>
|
|
</li>`
|
|
}
|
|
var next = `<li id="nextPage" onclick="getlist(++index)">
|
|
<a href="#">下一页</a>
|
|
</li>`
|
|
var mm = back + strs + next
|
|
document.querySelector('#pageUl').innerHTML = mm
|
|
|
|
},
|
|
error: function (err) {
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|