| | |
|---|
| | | |
|---|
| | | body { |
|---|
| | | height: 100%; |
|---|
| | | background-color: #fff; |
|---|
| | | background-color: #f1f1f1; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* ------------------------------------ 头部 ------------------------------------*/ |
|---|
| | | header { |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
|---|
| | | background-color: #fff; |
|---|
| | | height: 20%; |
|---|
| | | opacity: 0.8; |
|---|
| | | position: relative; |
|---|
| | |
|---|
| | | |
|---|
| | | /* ------------------------------------ 主体 ------------------------------------*/ |
|---|
| | | main { |
|---|
| | | height: 80%; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
|---|
| | | background-color: #fff; |
|---|
| | | height: 76.8%; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | /* 导航 */ |
|---|
| | | .nav { |
|---|
| | | background-color: #FFFF00; /*todo*/ |
|---|
| | | background-color: #fff; /*todo*/ |
|---|
| | | color: #000; |
|---|
| | | list-style-type: none; |
|---|
| | | position: fixed; |
|---|
| | |
|---|
| | | } |
|---|
| | | .nav li { |
|---|
| | | float: left; |
|---|
| | | border-right: 1px solid #e1e100; /*todo*/ |
|---|
| | | border-right: 1px solid #f1f1f1; /*todo*/ |
|---|
| | | } |
|---|
| | | .nav li a { |
|---|
| | | font-size: 15px; |
|---|
| | |
|---|
| | | color: #666; |
|---|
| | | } |
|---|
| | | .nav-select { |
|---|
| | | background-color: #ffe75c; /*todo*/ |
|---|
| | | background-color: #f1f1f1; /*todo*/ |
|---|
| | | color: #000; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*底部*/ |
|---|
| | | /* 主体 */ |
|---|
| | | #content { |
|---|
| | | box-sizing: border-box; |
|---|
| | | padding-top: 46px; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 底部 */ |
|---|
| | | footer { |
|---|
| | | border-top: 1px solid #e3e3e3; |
|---|
| | | position: fixed; |
|---|
| | |
|---|
| | | <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
|---|
| | | <script type="text/javascript" src="../static/js/common.js"></script> |
|---|
| | | <style> |
|---|
| | | #content { |
|---|
| | | box-sizing: border-box; |
|---|
| | | padding-top: 46px; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | |
|---|
| | | </ul> |
|---|
| | | |
|---|
| | | <!-- 主体内容 --> |
|---|
| | | <iframe id="content" src="crn.html"></iframe> |
|---|
| | | <iframe id="content" src="console.html"></iframe> |
|---|
| | | |
|---|
| | | <footer class="footer"> |
|---|
| | | Copyright © 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">浙江中扬物流装备有限公司</a> 保留所有权利 |
|---|
