// 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) {
        }
    })
}