vue-ant-patterns/lib/d-drawer/style/index.css

vue-ant-patterns

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.depot-drawer .ant-drawer-content-wrapper {
  top: 64px;
  height: calc(100% - 64px);
}
.depot-drawer .ant-drawer-body {
  padding: 0 12px 12px;
}
.depot-drawer .ant-drawer-close {
  height: 48px;
  line-height: 48px;
}
.depot-drawer.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body {
  overflow: hidden;
  position: relative;
}
.depot-drawer.ant-drawer .ant-drawer-content .ant-drawer-body {
  position: absolute;
  top: 55px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
}
.depot-drawer-no-title.ant-drawer .ant-drawer-content .ant-drawer-body {
  top: 0;
}
.depot-drawer .drawer-content {
  padding: 0;
}
.depot-drawer .drawer-scroll-container {
  height: 100%;
}
.depot-drawer.drawer-submit-bar.ant-drawer .ant-drawer-content .ant-drawer-body {
  overflow: hidden;
  padding-bottom: 50px;
  padding-right: 0;
}
.depot-drawer.drawer-submit-bar.ant-drawer .ant-drawer-content .drawer-scroll-container {
  width: 100%;
  height: 100%;
  padding-right: 12px;
  overflow: auto;
}
.depot-drawer.drawer-submit-bar.ant-drawer .ant-drawer-content .drawer-submit-bar {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  border-top: 1px solid #d9d9d9;
}