////////条////////
@h-icon:24px;
// .bar {
//   position: absolute;
//   right: 0;
//   left: 0;
//   z-index: @sys-zindex-md;
//   height: @base-bar-height;
//   padding-right: @sys-layout-sm;
//   padding-left: @sys-layout-sm;
//   background-color: @sys-color-gray-1;
//   -webkit-backface-visibility: hidden;//元素不面向屏幕时是否可见
//   backface-visibility: hidden;
//   -webkit-transform:translateZ(0);
//   transform:translateZ(0);
//   .icon {
//       position: relative;
//       padding: 10px 2px;
//       line-height: @h-icon;
//       z-index: 20;
//       font-size: 20px;
//       color:@sys-color-gray;
//   }
//   .bar-item{
//       .sys-ellipsis(@base-bar-height);
//       z-index:5;
//   }
//   .bar-container{
//       position:absolute;
//       left:0;
//       top:0;
//       right:0;
//       height:100%;
//   }
// }
// .bar-fixed{
//   position: fixed;
// }


////////扩展////////
////导航条////
// .bar-nav {
//     top: 0;
//     background-color:@color-theme;
//     .bar-item{
//         position:relative;
//         color:@sys-color-snow;
//         vertical-align: middle;
//     }
//     .caption{
//         position:absolute;
//         top:0;
//         left:@sys-layout-lg * 2;
//         right:@sys-layout-lg * 2;
//         z-index:3;
//     }
//     .icon,.caption,a,button{
//         color:@sys-color-snow;
//         vertical-align: middle;
//     }
// }

////分页条////
// .bar-tab{
//     bottom: 0;
//     width: 100%;
//     padding: 0;
//     table-layout: fixed;
//     border-top:1px solid @color-border;
//     .tab-item {
//         position: relative;
//         display: table-cell;
//         width: 1%;
//         height: @base-bar-height;
//         color: @sys-color-gray;
//         text-align: center;
//         vertical-align: middle;
//     }
//     .active{
//         color:@color-theme;
//         .icon{
//             color:@color-theme;
//         }
//     }
//     .tab-label {
//         display: block;
//         font-size: 12px;
//         position: relative;
//         top: 3px;
//     }
//     .icon {
//         top: 4px;
//         height: 24px;
//         line-height: 24px;
//         font-size:20px;
//         padding-top: 0;
//         padding-bottom: 0;
//     }
// }
//带图标tab分页
// .bar-tab-icon{
//     height:50px;
// }