warningDetial.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
  8. <link href="../css/mui.min.css" rel="stylesheet" />
  9. <link rel="stylesheet" type="text/css" href="../css/common.css"/>
  10. <style type="text/css">
  11. /*提交按钮*/
  12. .fa-eye {
  13. display: inline-block;
  14. font-size: 12px;
  15. }
  16. .fa-eye:before {
  17. display: block;
  18. text-align: center;
  19. font-size: 19px;
  20. margin: 3px 0;
  21. }
  22. /*详情*/
  23. .equipTitle {
  24. color: #21b2e7;
  25. font-size: 14px;
  26. }
  27. .mui-table-view-cell p {
  28. color: #333;
  29. font-size: 16px;
  30. margin-top: 4px;
  31. }
  32. /*ulmarginTop覆盖*/
  33. .mui-content>.mui-table-view:first-child{
  34. margin-top: 0;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <header class="mui-bar mui-bar-nav">
  40. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  41. <h1 class="mui-title">标题</h1>
  42. <a class="fa fa-eye mui-pull-right">查看</a>
  43. </header>
  44. <div class="mui-content">
  45. <ul class="mui-table-view" id="user">
  46. <li class="mui-table-view-cell">
  47. <span class="equipTitle">设备ID</span>
  48. <p id="imei">23343</p>
  49. </li>
  50. <li class="mui-table-view-cell">
  51. <span class="equipTitle">设备名称</span>
  52. <p id="equipName">无</p>
  53. </li>
  54. <li class="mui-table-view-cell">
  55. <span class="equipTitle">设备类型</span>
  56. <p id="equipType">杀虫灯</p>
  57. </li>
  58. <li class="mui-table-view-cell">
  59. <span class="equipTitle">报警时间</span>
  60. <p id="alarmTime">2018-06-12 18:11:13</p>
  61. </li>
  62. <li class="mui-table-view-cell">
  63. <span class="equipTitle">报警信息</span>
  64. <p id="alarmInfo">offline</p>
  65. </li>
  66. </ul>
  67. </div>
  68. <script src="../js/mui.min.js"></script>
  69. <script type="text/javascript">
  70. mui.init()
  71. </script>
  72. </body>
  73. </html>