| | |
| | | } |
| | | |
| | | #sidebar-btn { |
| | | display: none; |
| | | position: absolute; |
| | | top: 37.5%; |
| | | left: 100%; |
| | |
| | | .task-confirm { |
| | | float: right; |
| | | width: 20%; |
| | | background-color: #f8f8f8; |
| | | /*box-shadow: 5px 5px 5px #999999 inset;*/ |
| | | background-color: #eaeaea; |
| | | box-shadow: 2px 5px 10px rgb(193, 193, 193) inset; |
| | | border-radius: 50px; |
| | | text-align: center; |
| | | height: 40px; |
| | |
| | | margin-right: 10px; |
| | | cursor: pointer; |
| | | transition:all 300ms; |
| | | background-repeat: no-repeat; |
| | | background-position: top center; |
| | | background-size: 50% 50%;; |
| | | background-position-x: center; |
| | | background-position-y: center; |
| | | background-image: url("../img/out_btn.png"); |
| | | /*background-image: linear-gradient(to bottom, red , yellow);*/ |
| | | } |
| | | .task-confirm:hover { |
| | | opacity: 0.9; |
| | |
| | | |
| | | <!-- 控制面板 --> |
| | | <div id="sidebar"> |
| | | <button id="sidebar-btn" onclick="sidebar()">隐藏</button> |
| | | <button id="sidebar-btn" onclick="sidebar()">展示</button> |
| | | <div class="sidebar-contain" > |
| | | <div class="sidebar-header"> |
| | | <div class="t">中扬立库</div> |
| | |
| | | }, 1); |
| | | |
| | | $(document).on('click','.btn-word', function () { |
| | | fullScreen() |
| | | fullScreen(); |
| | | $("#mask").fadeOut(1, function () { // 3000 |
| | | $("#menu").addClass("show"); |
| | | setTimeout(function () { |
| | |
| | | $("#ship-info-btn .btn-word").text("体验调度世界"); |
| | | $("#ship-info-btn").data("type", 2).addClass("show"); |
| | | $("#ship-info-btn #btn-lock").css("z-index", "10"); |
| | | $('#sidebar-btn').show(); |
| | | } |
| | | $("#menu li").css("transition", "all 200ms !important"); |
| | | setTimeout(function () { |