php
/
xinnongbaohe


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!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>
        气象站 <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 class="color-info">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 class="color-info">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-light"></i><span>光照</span></dt>
                <dd><span class="color-info">65</span><em>%RH</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-wind"></i><span>风速</span></dt>
                <dd><span class="color-info">10</span><em>m/s</em><p>三级风</p></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-wind-direction"></i><span>风向</span></dt>
                <dd><span class="color-info">270</span><em>m/s</em><p>西北偏南</p></dd>
                <dd>
                    <a href="#" class="ico-grid"></a>
                    <p>2016.8.29  12:50</p>
                </dd>
            </dl>
            <dl>
                <dt><i class="ico-rain"></i><span>雨量</span></dt>
                <dd><span class="color-info">3</span><em>mm</em><p>有雨</p></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-pm25"></i><span>PM2.5</span></dt>
                <dd><span class="color-info">270</span></dd>
                <dd>
                    <a href="#" class="ico-up"></a><b class="hline"></b><a href="#" class="ico-grid"></a>
                    <p>2016.8.29  12:50</p>
                </dd>
            </dl>
        </section>
    </section>

    <section class="layer">
        <article>
            <h3>温度限值设置<span>单位：摄氏度</span></h3>
            <form action="">
                <p><input type="text" class="form-item" placeholder="最大上限"></p>
                <p><input type="text" class="form-item" placeholder="最低下限"></p>
                <input type="button" class="form-item" value="确认">
            </form>
        </article>
    </section>
    <script src="js/common.js"></script>
    <script>
    $('.ico-setting-gray').click(function(){
        $('.layer').show();
    })
    </script>
</body>

</html>