////////条板////////
.d-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: @sys-layout-sm @sys-layout-md;
  border: 1px solid @color-border;
  background: @sys-color-snow;
  .sys-border-radius(4px);
  .d-bar-item {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0 4px;
    padding: 0;
    font-size: 14px;
    color: @sys-color-deepgray;
    font-weight: 700;
  }
  .d-bar-text {
    display: flex;
    align-items: center;
    .sys-ellipsis();
  }
}

// 工具条
.d-bar-tools {
  overflow: visible;
  padding: @sys-layout-xs;
  padding-left: 0;
  display: flex;
  align-items: center;
  color: @sys-color-lightgray;
  .d-tools-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: @sys-layout-sm;
    font-size: @sys-font-size-sm;
    outline: 0;
    border: none;
    cursor: pointer;
    text-decoration: none;
  }
}
// 右对齐
&.d-bar-tools-right {
  padding-right: 0;
  justify-content: flex-end;
  .d-tools-item {
    margin-left: @sys-layout-sm;
    margin-right: 0;
  }
}
// 紧缩
&.d-bar-tools-condensed {
  padding: 0;
}
// 带边框
&.d-bar-tools-border {
  border: 1px solid @color-border;
  border-radius: 4px;
}

// 
.d-bar-drawer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
  text-align: center;
  background: @sys-color-snow;
  border-top: 1px solid @color-border;
}

////////扩展////////
////搜索栏////
// @bar-search-pad-v:5px; // 上下间距
// @bar-search-width-cancel:40px; // 取消按钮宽度
// .bar-search{
//     @h-input:30px;
//     @h-icon: 6px;
//     overflow: hidden;
//     padding: @bar-search-pad-v 0;
//     .search-submit,.search-cancel {
//         padding:0;
//         width: @bar-search-width-cancel;
//         float: right;
//         height: @h-input - 1 * 2;
//         line-height: @h-input - 1 * 2;
//         text-align: center;
//     }
//     .search-submit{
//         & + .search-field{
//             margin-right: @bar-search-width-cancel + @sys-layout-xs;
//         }
//     }
//     .search-cancel {
//         margin-right: 0 - (@bar-search-width-cancel + @bar-search-width-cancel / 2);
//         .sys-transition(all, 300ms);
//         opacity: 0;
//     }
//     .search-field {
//         position:relative;
//         margin-right: 0;
//         .sys-transition(all, 300ms);
//         .search-icon{
//             position:absolute;
//             top:(@h-input - @h-icon) / 2;
//             left:@sys-layout-xs;
//             padding:0;
//             line-height: @h-icon;
//             font-size:16px;
//             color:@sys-color-lightgray;
//         }
//     }
//     .search-input {
//         .sys-border-box();
//         display: block;
//         margin: 0;
//         padding:0 @sys-layout-xs;
//         height: @h-input;
//         width: 100%;
//         border-radius: @sys-radius-sm;
//         color: @sys-color-gray;
//         font-size: @sys-font-size-sm;
//         background-color: @sys-color-snow;
//         border: 1px solid @color-border;
//     }
//     .search-icon + .search-input {
//         padding-left: 28px;
//     }
// }

// // 聚焦状态
// .bar-search.active{
//     .search-cancel{
//         margin-right:0;
//         opacity: 1;
//     }
//     .search-field{
//         margin-right: @bar-search-width-cancel + @sys-layout-xs;
//     }
// }

// // 内部搜索
// .bar-search-in{
//     position:relative;
//     .search-submit{
//         position:absolute;
//         top:@bar-search-pad-v;
//         right:0;
//         z-index:3;
//         border-top-left-radius: 0;
//         border-bottom-left-radius: 0;
//         & + .search-field{
//             margin-right: 0;
//         }
//     }
// }