| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title></title>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
- <link href="../css/mui.min.css" rel="stylesheet" />
- <link rel="stylesheet" type="text/css" href="../css/common.css"/>
- <style type="text/css">
- /*提交按钮*/
- .fa-eye {
- display: inline-block;
- font-size: 12px;
- }
-
- .fa-eye:before {
- display: block;
- text-align: center;
- font-size: 19px;
- margin: 3px 0;
- }
- /*详情*/
-
- .equipTitle {
- color: #21b2e7;
- font-size: 14px;
- }
-
- .mui-table-view-cell p {
- color: #333;
- font-size: 16px;
- margin-top: 4px;
- }
- /*ulmarginTop覆盖*/
- .mui-content>.mui-table-view:first-child{
- margin-top: 0;
- }
- </style>
- </head>
- <body>
- <header class="mui-bar mui-bar-nav">
- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
- <h1 class="mui-title">标题</h1>
- <a class="fa fa-eye mui-pull-right">查看</a>
- </header>
- <div class="mui-content">
- <ul class="mui-table-view" id="user">
- <li class="mui-table-view-cell">
- <span class="equipTitle">设备ID</span>
- <p id="imei">23343</p>
- </li>
- <li class="mui-table-view-cell">
- <span class="equipTitle">设备名称</span>
- <p id="equipName">无</p>
- </li>
- <li class="mui-table-view-cell">
- <span class="equipTitle">设备类型</span>
- <p id="equipType">杀虫灯</p>
- </li>
- <li class="mui-table-view-cell">
- <span class="equipTitle">报警时间</span>
- <p id="alarmTime">2018-06-12 18:11:13</p>
- </li>
- <li class="mui-table-view-cell">
- <span class="equipTitle">报警信息</span>
- <p id="alarmInfo">offline</p>
- </li>
- </ul>
- </div>
- <script src="../js/mui.min.js"></script>
- <script type="text/javascript">
- mui.init()
- </script>
- </body>
- </html>
|