qt-public-ui/style/index.less

新设计规范下业务组件库

@import './antd.less';

@font-face {
  font-family: 'Roboto-Regular';
  font-display: swap;
  src: url('//g.alicdn.com/um-f2e/cdn-res/utheme/fonts/Roboto-Regular/Roboto-Regular.eot'); /* IE9 */
  src:
    url('//g.alicdn.com/um-f2e/cdn-res/utheme/fonts/Roboto-Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//g.alicdn.com/um-f2e/cdn-res/utheme/fonts/Roboto-Regular/Roboto-Regular.woff') format('woff'), /* chrome、firefox */
    url('//g.alicdn.com/um-f2e/cdn-res/utheme/fonts/Roboto-Regular/Roboto-Regular.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//g.alicdn.com/um-f2e/cdn-res/utheme/fonts/Roboto-Regular/Roboto-Regular.svg') format('svg'); /* iOS 4.1- */
}

@font-face {
  font-family: 'AlibabaSans102-Bd';
  font-display: swap;
  src:
    url('//g.alicdn.com/um-f2e/cdn-res/utheme/fonts/AlibabaSans102/AlibabaSans102-Bd.ttf') format('truetype'),
    url('//g.alicdn.com/um-f2e/cdn-res/utheme/fonts/A    babaSans102/AlibabaSans102-Bd.otf') format('opentype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
}

@font-face {
  font-family: 'Alibaba-PuHuiTi-Regular';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_f5ozb2bb2t5.eot'); /* IE9 */
  src:
    url('//at.alicdn.com/t/webfont_f5ozb2bb2t5.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/webfont_f5ozb2bb2t5.woff2') format('woff2'),
    url('//at.alicdn.com/t/webfont_f5ozb2bb2t5.woff') format('woff'),
    url('//at.alicdn.com/t/webfont_f5ozb2bb2t5.ttf') format('truetype'),
    url('//at.alicdn.com/t/webfont_f5ozb2bb2t5.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}

iframe {
  border: none;
}

/* umui 样式逻辑 */
.umui-number {
  .umui-number;
}

.umui-indicator {
  .umui-indicator;
}

.umui-hoverable-icon {
  .umui-hoverable-icon;
}

.umui-root {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: @autofix-minimum-width;
}

/* 小蜜不能覆盖遮罩 */
body > .umeng_message {
  z-index: 1000 !important;
}

/* umheader 样式修改 */
header.theme-black {
  background: @top-nav-bg-color !important;
  .x-header {
    padding: 0 !important;
    width: 100% !important;
    max-width: @autofix-maximum-width;
    min-width: @autofix-minimum-width;
    margin: 0 auto !important;

    .umui-nav {
      height: 100%;
    }

    .nav-menu,
    .logo {
      padding: 0;
      margin: 14px 0;
    }
  }

  .header-bg,
  .x-header,
  .x-header .navbar {
    height: @header-height;
  }
  .nav-menu {
    margin-right: 16px;
    .product-menu {
      margin-right: 260px;
    }
  }

  @media screen and (max-width: 1456px) {
    .nav-menu {
      margin-right: 16px;
      .product-menu {
        margin-right: 260px;
      }
    }
    .logo {
      margin-left: 16px !important;
    }
  }
  .header-bg {
    background: unset !important;
  }
}

/* frame 嵌入问题 */
.hide-advertise() {
  .umui-top-operation { display: none !important; }
}
.hide-alicare() {
  .umeng_message { display: none !important; }
}
.hide-top-nav() {
  header.theme-black { display: none !important; }
  .umui-layout-header { display: none !important; }
}
.hide-sider-nav() {
  .umui-layout-sider { display: none !important; }
  .umui-page { margin-left: 0 !important; }
}
.hide-page-header() {
  .umui-page-header { display: none !important; }
}
.expand-body() {
  .umui-layout-body {
    min-width: unset;
    max-width: unset;
    padding: 0;
  }
}
.umui-frame-2 {
  .hide-top-nav;
  .expand-body;
  .hide-alicare;
  .hide-advertise;
}
.umui-frame-1 {
  .umui-frame-2;
  .hide-sider-nav;
}
.umui-frame-3 {
  .umui-frame-1;
  .hide-page-header;
}