sourcecode/front/project/h5/routes/page/message/page.js

import React from 'react';
import { Link } from 'react-router-dom';
import { Badge } from 'antd-mobile';
import './index.less';
import Page from '@src/containers/Page';
import Assets from '@src/components/Assets';

export default class extends Page {
  init() {}

  renderView() {
    return (
      <div>
        <div className="all">
          <Assets name="clean" />
          全部已读
        </div>
        <div className="list">
          <div className="item">
            <div className="detail">
              <div className="title">
                请尽快完成作业
                <Badge dot />
              </div>
              <div className="desc">消息详情消息详情消息详情消息详情</div>
              <Link to="">请在千行官网查看详情</Link>
            </div>
            <div className="date-time">
              <div className="date">2019-05-20</div>
              <div className="time">10:22:21</div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}