shangqing.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <title>新农宝盒</title>
  7. <meta name="Keywords" content="悦游全球旅行网,悦游杂志" />
  8. <meta name="Description" content="" />
  9. <link rel="stylesheet" href="css/reset-mobile.css">
  10. <link href="css/index.css" rel="stylesheet" type="text/css" />
  11. <script src="js/zepto.min.js"></script>
  12. </head>
  13. <body class="gray">
  14. <header>
  15. 土壤墒情1号 <a href="#" class="ico-back"></a>
  16. </header>
  17. <section class="wrapper">
  18. <section class="card">
  19. <dl>
  20. <dt><i class="ico-net"></i><span>联网信号</span></dt>
  21. <dd><span>10</span><em>%</em></dd>
  22. <dd class="color-error"><span>断开</span></dd>
  23. </dl>
  24. <dl>
  25. <dt><i class="ico-electric"></i><span>电池电量</span></dt>
  26. <dd><span>65</span><em>%</em></dd>
  27. <dd class="color-success"><span>充电中...</span></dd>
  28. </dl>
  29. </section>
  30. <section class="card border">
  31. <dl>
  32. <dt><i class="ico-temperature"></i><span>温度</span></dt>
  33. <dd><span class="color-info">28</span><em>°C</em></dd>
  34. <dd>
  35. <a href="#" class="ico-setting-gray"></a><b class="hline"></b><a href="#" class="ico-grid"></a>
  36. <p>2016.8.29 12:50</p>
  37. </dd>
  38. </dl>
  39. <dl>
  40. <dt><i class="ico-humidity"></i><span>湿度</span></dt>
  41. <dd><span class="color-info">65</span><em>%RH</em></dd>
  42. <dd>
  43. <a href="#" class="color-info">正常</a><b class="hline"></b><a href="#" class="ico-grid"></a>
  44. <p>2016.8.29 12:50</p>
  45. </dd>
  46. </dl>
  47. <dl>
  48. <dt><i class="ico-ec"></i><span>EC</span></dt>
  49. <dd><span class="color-info">140</span><em>ms/cm</em></dd>
  50. <dd>
  51. <a href="#" class="ico-down"></a><b class="hline"></b><a href="#" class="ico-grid"></a>
  52. <p>2016.8.29 12:50</p>
  53. </dd>
  54. </dl>
  55. </section>
  56. </section>
  57. </body>
  58. </html>