vue-ant-patterns/biz-lib/b-vm/style/index.less

vue-ant-patterns

@import '../../../lib/style/themes/index.less';
@import '../../../lib/style/mixins/flex.less';

@depot-prefix-cls: ~'@{depot-prefix}-biz-vm';

.vm-width-full-item {
  width: 100%;
}

.@{depot-prefix-cls} {
  @main: ~'@{depot-prefix-cls}-main';

  .ant-tabs-tabpane-active {
    // 空数据不垂直居中, 想想暂时还是先看看吧, 是否让 Empty 组件垂直居中
    // min-height: 100%;
  }
  .ant-card {
    .ant-card-extra {
      display: none;
    }
  }
  .ant-card.mouse-in {
    .ant-card-extra {
      display: block;
    }
  }

  .depot-biz-table-collection {
    width: 100%;
  }
  &-wrapper {
    overflow: hidden;
    height: 100%;
    .ant-tabs-nav .ant-tabs-tab {
      padding-top: 10px;
      padding-bottom: 9px;
    }
    .ant-tabs {
      height: 100%;
    }
    .ant-tabs-bar {
      height: 40px;
      margin-bottom: 0;
    }
    // tab-content加滚动条
    .ant-tabs-content {
      overflow-x: hidden;
      overflow-y: auto;
      position: absolute;
      top: 40px;
      left: 0;
      right: 0;
      bottom: 0;
      .flex;
      .flex-col;
      .flex-grow;
    }
    //列表
    .grid-wrapper {
      padding: 24px;
      border-bottom: 1px solid #e8e8e8;
      .new-btn {
        width: 100%;
        height: 52px;
        margin-top: 24px;
        border-color: #005bac;
        color: #005bac;
      }
    }

    .ant-card-extra {
      padding: 0;
      font-size: 12px;
    }
  }
  .@{main} {
    overflow: hidden;
  }
  /* 只有一个面板的情况下可滚动 */
  &-single-panel {
    .@{main} {
      overflow: auto;
    }
  }

  &-bottom-bar {
    // background: #ccc;
    border-top: 1px solid #e8e8e8;
  }
  &-button-box {
    .ant-btn {
      margin-right: 8px;
    }
  }

  &-textarea-result {
    position: relative;
    & .result {
      position: absolute;
      line-height: 1;
      border-radius: 5px;
      padding: 2px 5px;
      background: #e8e8e8;
      right: 16px;
      bottom: 11px;
      font-size: 12px;
    }
  }

  .ant-input-number {
    min-width: 110px;
  }

  // .no-mode-translate-demo-wrapper {
  //   position: relative;
  //   height: 18px;
  // }
  // .no-mode-translate-demo-wrapper button {
  //   position: absolute;
  // }
  .no-mode-translate-fade-enter-active,
  .no-mode-translate-fade-leave-active {
    transition: all 0.6s;
  }
  .no-mode-translate-fade-enter,
  .no-mode-translate-fade-leave-active {
    opacity: 0;
  }
  .no-mode-translate-fade-enter {
    transform: translateX(31px);
  }
  .no-mode-translate-fade-leave-active {
    transform: translateX(-31px);
  }
}

/* .popup-dialog{
  
}
 */