dz-app/static/common.scss

/*flex布局类的css新定义一下，tailwindcss写起来还是太长了，其它的定义暂时不动*/
/*比如要单个定义justify或者align，又或是self，用tailwind差别也不大，当两个要连写时，用下面的还是能精简不少*/
$justifies: (
        sta: flex-start,
        start: flex-start,
        end: flex-end,
        cen: center,
        center: center,
        bet: space-between,
        between: space-between,
        aro: space-around,
        around: space-around
);
$aligns: (
        sta: flex-start,
        start: flex-start,
        end: flex-end,
        cen: center,
        center: center,
        base: baseline,
        stretch: stretch,
        default: stretch,
        def: stretch
);
@each $jcName, $jcValue in $justifies {
  @each $aiName, $aiValue in $aligns {
    .fx-#{$jcName}-#{$aiName} {
      justify-content: $jcValue;
      align-items: $aiValue;
    }
  }
}

.fx-row {
  display: flex;
  flex-direction: row;
}

.fx-col {
  display: flex;
  flex-direction: column;
}

body {
  font-size: 15px; // 与tailwindcss text-base保持一致
}

.page-content {
  display: flex;
  flex-direction: column;
  width: 100vw;
  background-color: #f8fcff;
  min-height: calc(100vh - var(--window-bottom));
}

.uv-text {
  /* 控制icon与内容之间的小间隔 */
  column-gap: 3px;
}

.uv-tabs__wrapper__nav__item__text {
  /* 保持uv-tabs的标题不换行 */
  word-break: keep-all;
}

.mx-question-content img,
.mx-question-content table,
.mx-question img,
.mx-question table,
.mx-question-parse img,
.mx-question-parse table {
  max-width: 100%;
  vertical-align: middle;
}

mjx-container {
  > svg {
    /* 公式超长时，强制不超出容器，虽然有缩小，但比看不见要好！ */
    max-width: 100%;
  }
}

/* 如果tabs-swiper中的内容想支持滚动，请使用此类 */
.tabs-swiper-content {
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

.keep-all {
  word-break: keep-all;
  white-space: nowrap;
}

.highlight-major {
  background-color: #3a84f9;
  color: #fff;
}

uni-modal {
  z-index: 99999;
}

.uv-loading-page .uv-loading-page__img {
  width: 180px !important;
  height: 180px !important;
}

@font-face {
  font-family: "FZBangSKJW";
  src: url("https://mingxuejingbang.oss-cn-beijing.aliyuncs.com/ie/app/fonts/FZBangSKJW.ttf");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "PingFang";
  src: url("https://mingxuejingbang.oss-cn-beijing.aliyuncs.com/ie/app/fonts/PingFang-Normal.ttf");
  font-style: normal;
  font-weight: normal;
}