6-1 设计会议列表静态页面 - EMOS小程序1
需积分: 0 173 浏览量
2022-08-04
15:08:27
上传
评论
收藏 1.06MB PDF 举报
6-1 设计会议列表静态页面
140.143.132.225:8000/project-1/doc-98
一、设置模型层静态数据
message_list 页面显示的是审批通过的会议记录，并且会自动合并相同日期的会议到同一个列
表中，整个页面还带有上划触底翻页功能。
在 message_list.vue 页面的模型层设置静态数据
1. return {
2. page: 1,
3. length: 20,
4. list: [
5. {
6. date: '2021年02月08日',
7. list: [
8. { id: 1, date: '2021/02/08', start: '08:30', end: '10:30', type: '线上会
议', name: '张爽',place:"网络会议室", status:"未开始",title:'年终大会', desc:"年终总结大会"
},
9. { id: 2, date: '2021/02/08', start: '08:30', end: '10:30', type: '线上会
议', name: '张爽',place:"网络会议室", status:"未开始",title:'年终大会', desc:"年终总结大会" }
10. ]
11. },
12. {
13. date: '2021年02月09日',
14. list: [
15. { id: 3, date: '2021/02/09', start: '08:30', end: '10:30', type: '线上会
议', name: '张爽',place:"网络会议室", status:"未开始",title:'年终大会', desc:"年终总结大会" }
16. ]
17. }
18. ],
19. isLastPage: false
20. };
评论0