php
/
xinnongbaohe


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
							<!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="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 col2 border">
            <dl>
                <dt><span>1号阀门</span></dt>
                <dd>&nbsp;</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>&nbsp;</dd>
                <dd>
                    <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off yellow"></a>
                </dd>
            </dl>
            <dl>
                <dt><span>3号阀门</span></dt>
                <dd>&nbsp;</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>4号阀门</span></dt>
                <dd>&nbsp;</dd>
                <dd>
                    <a href="#" class="ico-clock"></a><b class="hline"></b><a href="#" class="btn-on-off"></a>
                </dd>
            </dl>
        </section>
    </section>
    <section class="layer">
        <article>
            <h3>1号阀门开关设置</h3>
            <form action="">
                <p><span>打开，并在</span><input type="text" class="inline" placeholder=""><span>分钟后关闭</span></p>
                <input type="button" class="form-item" value="确认">
            </form>
        </article>
    </section>
    <script src="js/common.js"></script>
    <script>
        $('.ico-clock').click(function(){
            $('.layer').show();
        })
    </script>
</body>

</html>