|
<!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/css/base.css">
<script src="ipu/lib/requirejs/require.min.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/mine-myMessage.js"></script>
</head>
<body class="pages-my-message">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="ipu-toolbar">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">我的消息</h1>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content mine-myMessage-list" id="refresh">
<!-- 组件html结构，最外层div应有一个固定的高度，会在此元素上初始化iScroll -->
<div class="ipu-refresh-wrapper">
<!-- 此处组件初始化后，会添加上拉html -->
<div class="refresh-content">
<ul class="message-list">
<li>
<div class="ipu-flex">
<div class="broadband-maintain-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带保养消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">今天 14:45</div>
<div class="unread-idf"></div>
</div>
</div>
<div class="broadband-maintain-message">您有新的转单消息，请注意查看。</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex">
<div class="broadband-service-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带维修消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">昨天 08:45</div>
<div class="unread-idf"></div>
</div>
</div>
<div class="broadband-maintain-message">您的改约订单改约成功，请在任务大厅中查看。</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex">
<div class="broadband-install-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带新装消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">06月 28日</div>
<div class="unread-idf"></div>
</div>
</div>
<div class="broadband-maintain-message">您有新的订单消息</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex">
<div class="broadband-maintain-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带保养消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">06月 26日</div>
</div>
<div class="unsolved"></div>
</div>
<div class="broadband-maintain-message">您有新的订单消息</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex">
<div class="broadband-maintain-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带保养消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">06月 26日</div>
</div>
<div class="solved"></div>
</div>
<div class="broadband-maintain-message">您有新的订单消息</div>
</div>
</div>
</li>
<li class="">
<div class="ipu-flex">
<div class="broadband-maintain-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带保养消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">06月 26日</div>
</div>
</div>
<div class="broadband-maintain-message">您有新的订单消息</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex">
<div class="broadband-maintain-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带保养消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">06月 26日</div>
</div>
</div>
<div class="broadband-maintain-message">您有新的订单消息</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex">
<div class="broadband-maintain-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带保养消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">06月 26日</div>
</div>
</div>
<div class="broadband-maintain-message">您有新的订单消息</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex">
<div class="broadband-maintain-logo"></div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-space">
<div class="broadband-maintain-title">宽带保养消息</div>
<div class="ipu-flex broadband-maintain-title-right">
<div class="broadband-maintain-time">06月 26日</div>
</div>
</div>
<div class="broadband-maintain-message">您有新的订单消息</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
