初始化提交

js/news.js

@@ -0,0 +1,89 @@
+// 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) {
+        }
+    })
+}
+
+
+
+
+
+
+
+
+