|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 导航 */ | 
|---|
|  |  |  | .nav { | 
|---|
|  |  |  | background-color: #fff; /*todo*/ | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | color: #000; | 
|---|
|  |  |  | list-style-type: none; | 
|---|
|  |  |  | position: fixed; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .nav li { | 
|---|
|  |  |  | float: left; | 
|---|
|  |  |  | border-right: 1px solid #f1f1f1; /*todo*/ | 
|---|
|  |  |  | border-right: 1px solid #f1f1f1; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .nav li a { | 
|---|
|  |  |  | font-size: 20px; | 
|---|
|  |  |  | font-size: 15px; | 
|---|
|  |  |  | letter-spacing: 1px; | 
|---|
|  |  |  | display: block; | 
|---|
|  |  |  | text-decoration: none; | 
|---|
|  |  |  | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .nav-select { | 
|---|
|  |  |  | background-color: #f1f1f1;  /*todo*/ | 
|---|
|  |  |  | background-color: #f1f1f1; | 
|---|
|  |  |  | color: #000; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 主体 */ | 
|---|
|  |  |  | #content { | 
|---|
|  |  |  | padding-top: 32px; | 
|---|
|  |  |  | padding-top: 26px; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 导航栏 --> | 
|---|
|  |  |  | <ul class="nav"> | 
|---|
|  |  |  | <li><a id="comb" onclick="nav(this.id)" class="nav-select" href="#">组托</a></li> | 
|---|
|  |  |  | <li><a id="stockIn" onclick="nav(this.id)" class="nav-unselect" href="#">上架</a></li> | 
|---|
|  |  |  | <li><a id="pakin" onclick="nav(this.id)" class="nav-select" href="#">入库</a></li> | 
|---|
|  |  |  | <!--    <li><a id="pakout" onclick="nav(this.id)" class="nav-unselect" href="#">出库</a></li>--> | 
|---|
|  |  |  | <li><a id="stockOut" onclick="nav(this.id)" class="nav-unselect" href="#">拣货</a></li> | 
|---|
|  |  |  | <li><a id="stockCheck" onclick="nav(this.id)" class="nav-unselect" href="#">盘点</a></li> | 
|---|
|  |  |  | <!--    <li><a id="comb" onclick="nav(this.id)" class="nav-unselect" href="#">组托</a></li>--> | 
|---|
|  |  |  | <!--    <li><a id="stockIn" onclick="nav(this.id)" class="nav-unselect" href="#">上架</a></li>--> | 
|---|
|  |  |  | <li><a id="stockSearch" onclick="nav(this.id)" class="nav-unselect" href="#">库存</a></li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 主体内容 --> | 
|---|
|  |  |  | <iframe id="content" src="comb.html"></iframe> | 
|---|
|  |  |  | <iframe id="content" src="pakin.html"></iframe> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  | <script> | 
|---|