style:分页

@@ -232,7 +232,7 @@ div.navigation {
     font-weight: 600!important;
 }
 .layui-laypage .layui-laypage-curr .layui-laypage-em {
-    background-color: #0091FF;
+    background-color: #0091FF!important;
 }
 /* 消息模块 */
 .sysNews {

+.sysnews-center {
+    padding-bottom: 15px;
+}
 .sysnews-center-tab {
     width: 1200px;
     margin: 0 auto;
@@ -49,4 +52,8 @@
 }
 .sysnews-list li p:hover {
     color: #1E9FFF;
+}
+.page {
+    text-align: center;
+    margin: 15px 0;
 }
\ No newline at end of file

@@ -6,4 +6,7 @@ function newsCenterData() {
         $('.sysNewsList .newsDetail').addClass('ellipsis');
         $(this).removeClass('ellipsis');
     })
+    $('.sysNewsList .newsDetail').mouseout(function () {
+        $('.sysNewsList .newsDetail').addClass('ellipsis');
+    })
 }
\ No newline at end of file

@@ -15,12 +15,29 @@ layui.use('laydate', function () {
         elem: '#date2' //指定元素
     });
 });
+layui.use('laypage', function () {
+    let laypage = layui.laypage;
+    laypage.render({
+        elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
+        , curr: data.curr//让起始页,也就是点击的页码
+        , count: data.total //数据总数，从服务端得到
+        , theme: '#0091FF'
+        , jump: function (obj, first) {
+            if (!first) {
+            }
+        }
+    });
+});
 $(function () {
     initNewsData()
 })
-function initNewsData(){
-    $('.sysnews-center-tab ul li').click(function(){
+function initNewsData() {
+    $('.sysnews-center-tab ul li').click(function () {
         $('.sysnews-center-tab ul li').removeClass('sysnewsTabActive');
         $(this).addClass('sysnewsTabActive')
     })
-}
\ No newline at end of file
+}
+var data = { //数据
+    total: 10,
+    curr: 1
+};
\ No newline at end of file

@@ -43,6 +43,7 @@
                     <span class="list-type">已阅</span>
                 </li>
             </ul>
+            <div id="page" class="page"></div>
         </div>
     </div>
 </body>