style:消息

@@ -38,6 +38,11 @@
     border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #dedede;
     border: 1px solid #dedede;
 }
 }
+.sysnews-list li {
+    line-height: 50px;
+    border-bottom: 1px dotted #dedede;
+    margin-bottom: 15px;
+}
 .sysnews-list li p {
 .sysnews-list li p {
     display: inline-block;
     display: inline-block;
 }
 }

@@ -25,7 +25,6 @@ function fetchNewsData(userid, size) {
         //数据，这里使用的是Json格式进行传输  
         //数据，这里使用的是Json格式进行传输  
         success: function (result) {//返回数据根据结果进行相应的处理           
         success: function (result) {//返回数据根据结果进行相应的处理           
             if (result.code == 200 && result.data != null) {
             if (result.code == 200 && result.data != null) {
-                console.log(result.data)
                 for (var i = 0; i < result.data.length; i++) {
                 for (var i = 0; i < result.data.length; i++) {
                     li = '<dd>'
                     li = '<dd>'
                     li += '<a>'
                     li += '<a>'

@@ -26,18 +26,37 @@ function initNewsData() {
         flow.load({
         flow.load({
             elem: '#sys-news' //流加载容器
             elem: '#sys-news' //流加载容器
             , scrollElem: '#sys-news' //滚动条所在元素，一般不用填，此处只是演示需要。
             , scrollElem: '#sys-news' //滚动条所在元素，一般不用填，此处只是演示需要。
-            , done: function (page, next) { //执行下一页的回调
+            , done: function (page, next) {
                 //模拟数据插入
                 //模拟数据插入
-                setTimeout(function () {
+                // setTimeout(function () {
+                //     var lis = [];
+                //     for (var i = 0; i < 8; i++) {
+                //         lis.push('<li>' + ((page - 1) * 8 + i + 1) + '</li>')
+                //     }
+                //     next(lis.join(''), page < 10); //假设总页数为 10
+                // }, 500);
                 var lis = [];
                 var lis = [];
-                    for (var i = 0; i < 8; i++) {
-                        lis.push('<li>' + ((page - 1) * 8 + i + 1) + '</li>')
+                $.ajax({
+                    type: "get",  //提交方式  
+                    url: portal.api_url + "/portal/messageRemind/getDetailByUserid?userid=" + getItem('myCookie').userid + "&size=" + 5,//路径  
+                    dataType: "json",
+                    //数据，这里使用的是Json格式进行传输  
+                    success: function (result) {//返回数据根据结果进行相应的处理           
+                        if (result.code == 200 && result.data != null) {
+                            for (var i = 0; i < result.data.length; i++) {
+                                li = '<li><span class="list-date">' + result.data[i].addTime + '</span>'
+                                li += '<p>' + result.data[i].content + '</p>'
+                                if (result.data[i].status == 0) {
+                                    li += '<span class="list-type list-type-unread">未读</span></li>'
+                                } else {
+                                    li += '<span class="list-type list-type-read">已读</span></li>'
                                 }
                                 }
-
-                    //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
-                    //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
-                    next(lis.join(''), page < 10); //假设总页数为 10
-                }, 500);
+                                lis.push(li)
+                            }
+                            next(lis.join(''), page < 2); //假设总页数为 10
+                        }
+                    }
+                });
             }
             }
         });
         });
     });
     });

@@ -35,13 +35,6 @@
             </div>
             </div>
             <!-- 列表 -->
             <!-- 列表 -->
             <ul class="sysnews-list flow-default" id="sys-news">
             <ul class="sysnews-list flow-default" id="sys-news">
-                <li>
-                    <span class="list-date">2020-12-23</span>
-                    <p>
-                        您申请办理的XXX业务已成功提交，
-                    </p>
-                    <span class="list-type">已阅</span>
-                </li>
             </ul>
             </ul>
         </div>
         </div>
     </div>
     </div>