开发联调消息列表

api/global.js

@@ -20,4 +20,6 @@ module.exports = {
   getReadRanking: data => request('/activityJoinUser/hotAmountTop', 'get', data),
   // 获取朗读赛排行榜参赛作品
   getSelfReadRanking: data => request('/activityJoinUser/activityRead', 'get', data),
+  // 获取消息通知列表
+  getMessageList: data => request('/message', 'get', data),
 }

mixins/reachBottom.js

@@ -7,12 +7,6 @@ module.exports = Behavior({
     totalSize: 0,
     noMoreData: false, // 无更多数据置为 false
   },
-  properties: {
-    pageSize: {
-      type: Number,
-      value: 10
-    }
-  },
   methods: {
     async getData(fn, args) {
       if (this.data.noMoreData) {
@@ -20,7 +14,7 @@ module.exports = Behavior({
       }
       let params = {
         pageNo: this.data.pageNo,
-        pageSize: this.properties.pageSize,
+        pageSize: 10,
         ...args
       }
       // 加载状态，用于页面中控制加载动画的显示
@@ -47,7 +41,6 @@ module.exports = Behavior({
         totalSize,
         noMoreData: list.length >= totalSize
       })
-
     },
     resetData(data) {
       if (this.data.loading) return; // 如果接口已经在请求中，则不重置数据，防止用户持续下拉刷新

pages/notice/index.js

@@ -1,66 +1,28 @@
-// pages/notice/index.js
+import {
+  getMessageList
+} from '~/api/global'
+import reachBottom from '~/mixins/reachBottom'
 Page({
-
-  /**
-   * 页面的初始数据
-   */
+  behaviors: [reachBottom],
   data: {
 
   },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
   onLoad(options) {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
-
+    this.resetData()
   },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
-
+  loadMore() {
+    this.getData(this.getMessageList)
   },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
-
+  getMessageList(data) {
+    return new Promise(async (reslove) => {
+      let res = await getMessageList(data)
+      res.list.forEach(item => {
+        item.content = item.content.split('\n')
+      })
+      reslove(res)
+    })
   },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
   onReachBottom() {
-
+    this.loadMore()
   },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
-  }
 })

pages/notice/index.wxml

@@ -1,31 +1,11 @@
+<wxs src="../../utils/filter.wxs" module="filters" />
 <view class="noticeBox">
-  <view class="notice">
-    <view class="date">1月30日 12:00</view>
+  <view class="notice" wx:for="{{list}}" wx:key="id">
+    <view class="date">{{filters.formatDate(item.gmtCreated,4)}}</view>
     <view class="content">
-      <view class="title">线上小朋友朗读PK赛！</view>
-      <view class="row">
-        一年级：《 影子》《比尾巴》《青蛙写诗》
-      </view>
-      <view class="row">
-        二年级：《古诗二首-夜宿山寺》《古诗二首-敕勒
-      </view>
-      <view class="row">
-        三年级：《美丽的小兴安岭》《带刺的朋友》《望洞三年级：《美丽的小兴安岭》《带刺的朋友》《望洞
-      </view>
-    </view>
-  </view>
-  <view class="notice">
-    <view class="date">1月30日 12:00</view>
-    <view class="content">
-      <view class="title">线上小朋友朗读PK赛！</view>
-      <view class="row">
-        一年级：《 影子》《比尾巴》《青蛙写诗》
-      </view>
-      <view class="row">
-        二年级：《古诗二首-夜宿山寺》《古诗二首-敕勒
-      </view>
-      <view class="row">
-        三年级：《美丽的小兴安岭》《带刺的朋友》《望洞三年级：《美丽的小兴安岭》《带刺的朋友》《望洞
+      <view class="title">{{item.titile}}</view>
+      <view class="row" wx:for="{{item.content}}" wx:for-item='child' wx:key="index">
+        {{child}}
       </view>
     </view>
   </view>