[
    {
        "id": "000000001",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
        "title": "You have received 14 new weekly reports",
        "datetime": "2017-08-09",
        "type": "notification"
    },
    {
        "id": "000000002",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
        "title":"The Qu Nini you recommended has passed the third round of interview",
        "datetime": "2017-08-08",
        "type": "notification"
    },
    {
        "id": "000000003",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
        "title": "This template can distinguish multiple notification types",
        "datetime": "2017-08-07",
        "read": true,
        "type": "notification"
    },
    {
        "id": "000000004",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
        "title": "The icon on the left is used to distinguish different types",
        "datetime": "2017-08-07",
        "type": "notification"
    },
    {
        "id": "000000005",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
        "title": "The content should not exceed two lines, and it will be automatically truncated when exceeded",
        "datetime": "2017-08-07",
        "type": "notification"
    },
    {
        "id": "000000006",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",
        "title": "Qu Lili commented on you",
        "description": "Description information description information description information",
        "datetime": "2017-08-07",
        "type": "message",
        "clickClose": true
    },
    {
        "id": "000000007",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",
        "title": "Zhu Fangyou replied to you",
        "description": "This template is used to remind who has interacted with you, put the avatar of 'who' on the left",
        "datetime": "2017-08-07",
        "type": "message",
        "clickClose": true
    },
    {
        "id": "000000008",
        "avatar": "https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",
        "title": "Title",
        "description": "This template is used to remind who has interacted with you, put the avatar of 'who' on the left",
        "datetime": "2017-08-07",
        "type": "message",
        "clickClose": true
    },
    {
        "id": "000000009",
        "title": "Task Name",
        "description": "The task needs to be started before 20:00 on 2017-01-12",
        "extra": "has not started",
        "status": "todo",
        "type": "event"
    },
    {
        "id": "000000010",
        "title": "Emergency third-party code changes",
        "description": "Guan Lin is submitted to 2017-01-06, you need to complete the code change task before 2017-01-07",
        "extra": "Expiring soon",
        "status": "urgent",
        "type": "event"
    },
    {
        "id": "000000011",
        "title": "Information Security Exam",
        "description": "Assign Zhuer to complete the update and release before 2017-01-09",
        "extra": "It took 8 days",
        "status": "doing",
        "type": "event"
    },
    {
        "id": "000000012",
        "title": "ABCD Version release",
        "description": "Guanlin submitted on 2017-01-06, the code change task must be completed before 2017-01-07",
        "extra": "processing",
        "status": "processing",
        "type": "event"
    }
]