|  |  | 
 |  |  |  | 
 |  |  | .sidebar { | 
 |  |  |     width: 8%; | 
 |  |  |     height: 40%; | 
 |  |  |     height: 50%; | 
 |  |  |     line-height: 5.625em; | 
 |  |  |     position: fixed; | 
 |  |  |     top: 50%; | 
 |  |  |     top: 40%; | 
 |  |  |     transform: translateY(-50%); | 
 |  |  | } | 
 |  |  | .nav ul { | 
 
| New file | 
 |  |  | 
 |  |  | <!DOCTYPE html> | 
 |  |  | <html lang="en"> | 
 |  |  | <head> | 
 |  |  |     <meta charset="UTF-8"> | 
 |  |  |     <title>ESS</title> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  |  | 
 |  |  | <iframe | 
 |  |  |   allowfullscreen | 
 |  |  |   src="http://10.10.10.182:9003/#/?method=monitor" | 
 |  |  |   frameborder="0" | 
 |  |  |   width="100%" | 
 |  |  |   height="100%" | 
 |  |  | ></iframe> | 
 |  |  |  | 
 |  |  | </body> | 
 |  |  | </html> | 
 
 |  |  | 
 |  |  | <!--            <li><a id="ste" onclick="nav(this.id)" class="nav-unselect" href="#">穿梭车</a></li>--> | 
 |  |  |             <li><a id="shuttle" onclick="nav(this.id)" class="nav-unselect" href="#">四向穿梭车</a></li> | 
 |  |  |             <li><a id="plc2" onclick="nav(this.id)" class="nav-unselect" href="#">PLC2</a></li> | 
 |  |  |             <li><a id="ess" onclick="nav(this.id)" class="nav-unselect" href="#">ESS</a></li> | 
 |  |  |         </ul> | 
 |  |  |     </div> | 
 |  |  | </div> |