| | |
| | | |
| | | 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; |
| | |
| | | /* 颜色提示 */ |
| | | .tips { |
| | | position: absolute; |
| | | bottom: 5%; |
| | | bottom: 7%; |
| | | left: 10%; |
| | | } |
| | | .tips-item { |
| | |
| | | |
| | | /* ------------------------------------ 主体 ------------------------------------*/ |
| | | main { |
| | | height: 80%; |
| | | margin-top: 8px; |
| | | border-radius: 5px; |
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
| | | background-color: #fff; |
| | | height: 75.8%; |
| | | position: relative; |
| | | } |
| | | |
| | |
| | | top: 250px; |
| | | left: 600px; |
| | | } |
| | | |
| | | .main-part .lane { |
| | | margin-bottom: 30px; |
| | | } |
| | | /* 排号 */ |
| | | .row-no { |
| | | font-weight: bolder; |
| | | margin-left: 80px; |
| | | } |
| | | |
| | |
| | | background-color: #aaaaaa; |
| | | } |
| | | |
| | | |
| | | |
| | | /* 堆垛机轨道 */ |
| | | .pathway { |
| | | margin-left: 30px; |
| | |
| | | color: #333 !important; |
| | | width: 90%; |
| | | margin-top: 10px; |
| | | z-index: -1; |
| | | } |
| | | |
| | | |
| | | /* 输送线相关 */ |
| | | .site:hover { |
| | | opacity: 0.7; |
| | | } |
| | | |
| | | /* 入库口 */ |
| | | .cargo-put { |
| | | top: 68px; |
| | | left: 413px; |
| | | position: absolute; |
| | | width: 50px; |
| | | height: 50px; |
| | | background-image: url("../image/fork_r.png"); |
| | | background-repeat: no-repeat; |
| | | background-size:100% 100%; |
| | | background-position: top center; |
| | | } |
| | | |
| | | /* 动画 */ |
| | | /*.machine {*/ |