New file |
| | |
| | | <!DOCTYPE html> |
| | | <html lang="en"> |
| | | <head> |
| | | <meta charset="UTF-8"> |
| | | <title>WCS监控</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/normalize.css"> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/common.css"> |
| | | <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | | <script type="text/javascript" src="../static/js/layer/layer.js"></script> |
| | | <script type="text/javascript" src="../static/js/common.js"></script> |
| | | <style> |
| | | footer { |
| | | border-top: 1px solid #e3e3e3; |
| | | position: fixed; |
| | | bottom: 0; |
| | | right: 0; |
| | | left: 0; |
| | | text-align: center; |
| | | font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; |
| | | box-shadow: 0 -1px 2px 0 rgba(0,0,0,.0); |
| | | box-sizing: border-box; |
| | | background-color: #fff; |
| | | z-index: 999; |
| | | height: 30px; |
| | | font-size: 13px; |
| | | line-height: 30px; |
| | | } |
| | | footer a { |
| | | color: #3573ab; |
| | | font-weight: bold; |
| | | text-decoration: none; |
| | | cursor: pointer; |
| | | } |
| | | body { |
| | | background-color: #e5e5e5; |
| | | padding: 10px; |
| | | } |
| | | |
| | | header { |
| | | border-radius: 5px; |
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
| | | background-color: #fff; |
| | | height: 29%; |
| | | position: relative; |
| | | padding: 10px 20px; |
| | | } |
| | | |
| | | main{ |
| | | margin-top: 10px; |
| | | border-radius: 5px; |
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
| | | background-color: #fff; |
| | | height: 67%; |
| | | position: relative; |
| | | } |
| | | |
| | | .main-item { |
| | | float: left; |
| | | width: 50%; |
| | | height: 100%; |
| | | } |
| | | .main-item:last-child { |
| | | border-left: 1px solid rgba(0, 0, 0, 0.3); |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | |
| | | <header> |
| | | <div style="font-size: 180px">堆垛机行驶速度</div> |
| | | </header> |
| | | |
| | | <main> |
| | | <div class="main-item"> |
| | | |
| | | </div> |
| | | |
| | | <div class="main-item"> |
| | | |
| | | </div> |
| | | </main> |
| | | |
| | | <footer class="footer"> |
| | | Copyright © 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">浙江中扬物流装备有限公司</a> 保留所有权利 |
| | | </footer> |
| | | |
| | | </body> |
| | | </html> |