123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
- <title>新农宝盒</title>
- <meta name="Keywords" content="悦游全球旅行网,悦游杂志" />
- <meta name="Description" content="" />
- <link rel="stylesheet" href="css/reset-mobile.css">
- <link href="css/index.css" rel="stylesheet" type="text/css" />
- <script src="js/zepto.min.js"></script>
- </head>
- <body class="gray">
- <header>
- 1号温室 <a href="#" class="ico-back"></a>
- </header>
- <section class="wrapper">
- <section class="video">
- <img src="images/video.jpg" width="100%" alt="">
- <a href="#" class="btn-video"></a>
- </section>
- <section class="card">
- <dl>
- <dt><i class="ico-net"></i><span>联网信号</span></dt>
- <dd><span>10</span><em>%</em></dd>
- <dd class="color-error"><span>断开</span></dd>
- </dl>
- <dl>
- <dt><i class="ico-electric"></i><span>电池电量</span></dt>
- <dd><span>65</span><em>%</em></dd>
- <dd class="color-success"><span>充电中...</span></dd>
- </dl>
- </section>
- <section class="card border">
- <dl>
- <dt><i class="ico-temperature"></i><span>温度</span></dt>
- <dd><span class="color-info">28</span><em>°C</em></dd>
- <dd>
- <a href="#" class="ico-setting-gray"></a><b class="hline"></b><a href="#" class="ico-grid"></a>
- <p>2016.8.29 12:50</p>
- </dd>
- </dl>
- <dl>
- <dt><i class="ico-humidity"></i><span>湿度</span></dt>
- <dd><span class="color-info">65</span><em>%RH</em></dd>
- <dd>
- <a href="#" class="color-info">正常</a><b class="hline"></b><a href="#" class="ico-grid"></a>
- <p>2016.8.29 12:50</p>
- </dd>
- </dl>
- <dl>
- <dt><i class="ico-ec"></i><span>EC</span></dt>
- <dd><span class="color-info">140</span><em>ms/cm</em></dd>
- <dd>
- <a href="#" class="ico-down"></a><b class="hline"></b><a href="#" class="ico-grid"></a>
- <p>2016.8.29 12:50</p>
- </dd>
- </dl>
- <dl>
- <dt><i class="ico-co2"></i><span>二氧化碳</span></dt>
- <dd><span class="color-info">410</span><em>ppm</em></dd>
- <dd>
- <a href="#" class="ico-down"></a><b class="hline"></b><a href="#" class="ico-grid"></a>
- <p>2016.8.29 12:50</p>
- </dd>
- </dl>
- </section>
- <section class="card col2 border">
- <dl>
- <dt><span>1号阀门</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off on"></a>
- </dd>
- </dl>
- <dl>
- <dt><span>2号阀门(0.2MPa)</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off yellow on"></a>
- </dd>
- </dl>
- <dl>
- <dt><span>补光灯</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off on"></a>
- </dd>
- </dl>
- <dl>
- <dt><span>加湿</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off"></a>
- </dd>
- </dl>
- <dl>
- <dt><span>除湿</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off"></a>
- </dd>
- </dl>
- <dl>
- <dt><span>通风</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off"></a>
- </dd>
- </dl>
- <dl>
- <dt><span>卷帘开</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off"></a>
- </dd>
- </dl>
- <dl>
- <dt><span>卷帘关</span></dt>
- <dd> </dd>
- <dd>
- <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off"></a>
- </dd>
- </dl>
- </section>
- </section>
- </body>
- </html>
|