|
<!DOCTYPE html>
<html lang="en">
<head>
<title>首页</title>
<meta charset="utf-8">
<!-- 宽度自动适配 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
<link rel="stylesheet" type="text/css" href="biz/css/base-wk.css">
<script src="ipu/lib/requirejs/require.min.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/message.js"></script>
</head>
<body class="pages-message">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col header-container">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">全部消息</h1>
<a class="ipu-fn-right" href="javascript:;">
<i class="ri-more-fill"></i>
</a>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="search-container">
<input class="ri-search-line" placeholder=" 搜索"/>
</div>
<div class="arrow-container">
<div class="ipu-flex notice">
<div class="line-left">
<i class="ri-notification-3-line"></i>
</div>
<div class="ipu-flex line-right ipu-flex-justify-space">
<div class="title">代办通知</div>
<div class="ipu-flex">
<div class="num">5</div>
<i class="ri-arrow-right-s-line"></i>
</div>
</div>
</div>
<div class="ipu-flex approve">
<div class="line-left">
<i class="ri-edit-box-line"></i>
</div>
<div class="ipu-flex line-right ipu-flex-justify-space">
<div class="title">待审批</div>
<div class="ipu-flex">
<i class="ri-arrow-right-s-line"></i>
</div>
</div>
</div>
<div class="ipu-flex mine">
<div class="line-left">
<i class="ri-at-line"></i>
</div>
<div class="ipu-flex line-right ipu-flex-justify-space">
<div class="title">@我的</div>
<div class="ipu-flex">
<div class="num">5</div>
<i class="ri-arrow-right-s-line"></i>
</div>
</div>
</div>
<div class="ipu-flex later">
<div class="line-left">
<i class="ri-mail-unread-line"></i>
</div>
<div class="ipu-flex line-right ipu-flex-justify-space">
<div class="title">稍后处理</div>
<div class="ipu-flex">
<div class="num">5</div>
<i class="ri-arrow-right-s-line"></i>
</div>
</div>
</div>
</div>
<div class="no-arrow-container">
<div class="ipu-flex">
<div class="line-left group">
</div>
<div class="line-right">
<div class="ipu-flex ipu-flex-justify-space">
<div class="title">UIUX研发部</div>
<div class="time">9:00</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="detail">欢迎张晓晨加入本部</div>
<div class="num">5</div>
</div>
</div>
</div>
<div class="ipu-flex">
<div class="line-left assistant">
<i class="ri-chat-smile-2-fill"></i>
</div>
<div class="line-right">
<div class="ipu-flex ipu-flex-justify-space">
<div class="title">智能工作助理</div>
<div class="time">9:00</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="detail">欢迎张晓晨加入本部</div>
<div class="num">5</div>
</div>
</div>
</div>
<div class="ipu-flex">
<div class="line-left approve">
<i class="ri-user-3-fill"></i>
</div>
<div class="line-right">
<div class="ipu-flex ipu-flex-justify-space">
<div class="title">UIUX研发部</div>
<div class="time">9:00</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="detail">欢迎张晓晨加入本部</div>
<div class="num">5</div>
</div>
</div>
</div>
<div class="ipu-flex">
<div class="line-left message">
<i class="ri-message-3-line"></i>
</div>
<div class="line-right">
<div class="ipu-flex ipu-flex-justify-space">
<div class="title">UIUX研发部</div>
<div class="time">9:00</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="detail">欢迎张晓晨加入本部</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
