@qxs-bns/components 0.0.46 → 0.0.48

package/theme-chalk/src/file-upload.scss

@@ -0,0 +1,34 @@
+@use "mixins/config" as *;
+@use "mixins/mixins" as *;
+
+@include b(file-upload) {
+  @include e(control) {
+    .is-drag {
+      display: inline-block !important;
+
+      [class$="-upload-dragger"] {
+        padding: 0;
+
+        [class$="-icon--upload"] {
+          margin-bottom: 0;
+          font-size: 40px;
+        }
+
+        [class$="-upload__text"] {
+          padding: 0 6px;
+          font-size: 14px;
+          line-height: 1.5;
+        }
+      }
+
+      &.is-dragover {
+        border-width: 1px;
+      }
+
+      .slot {
+        width: 160px;
+        height: 90px;
+      }
+    }
+  }
+}

package/theme-chalk/src/fixed-action-bar.css

@@ -0,0 +1 @@
+.qxs-fixed-action-bar__actionbar{bottom:0;z-index:10;padding:var(--qxs-fixed-action-bar-actionbar-padding);padding-bottom:calc(env(safe-area-inset-bottom) + var(--qxs-fixed-action-bar-actionbar-padding-bottom));text-align:center;background-color:var(--qxs-bg-color, #fff);box-shadow:0 0 1px 0 var(--qxs-border-color, #f3f3f2);transition:box-shadow .3s,var(--qxs-transition-box-shadow, #f3f3f2)}.qxs-fixed-action-bar__actionbar.is-shadow{box-shadow:0 -10px 10px -10px var(--qxs-border-color, #fff)}

package/theme-chalk/src/fixed-action-bar.scss

@@ -0,0 +1,18 @@
+@use "mixins/mixins" as *;
+
+@include b(fixed-action-bar) {
+  &__actionbar {
+    bottom: 0;
+    z-index: 10;
+    padding: getCssVar("fixed-action-bar", "actionbar-padding");
+    padding-bottom: calc(env(safe-area-inset-bottom) + getCssVar("fixed-action-bar", "actionbar-padding-bottom"));
+    text-align: center;
+    background-color: var(--qxs-bg-color, #fff);
+    box-shadow: 0 0 1px 0 var(--qxs-border-color, #f3f3f2);
+    transition: box-shadow 0.3s, var(--qxs-transition-box-shadow, #f3f3f2);
+
+    @include when(shadow) {
+      box-shadow: 0 -10px 10px -10px var(--qxs-border-color, #fff);
+    }
+  }
+}

package/theme-chalk/src/image-upload.css

@@ -0,0 +1 @@
+.qxs-image-upload__container{line-height:initial}.qxs-image-upload__control{display:inline-block;vertical-align:top}.qxs-image-upload__control .image{position:relative;overflow:hidden;border-radius:6px}.qxs-image-upload__control .image .mask{position:absolute;top:0;width:100%;height:100%;background-color:var(--qxs-overlay-color-lighter);opacity:0;transition:opacity .3s}.qxs-image-upload__control .image .mask .actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.qxs-image-upload__control .image .mask .actions span{width:50%;color:var(--qxs-color-white);text-align:center;cursor:pointer;transition:color .1s,transform .1s}.qxs-image-upload__control .image .mask .actions span:hover{transform:scale(1.5)}.qxs-image-upload__control .image .mask .actions span [class=qxs-icon]{font-size:24px}.qxs-image-upload__control .image:hover .mask{opacity:1}.qxs-image-upload__control .is-drag{font-size:0;display:inline-block !important}.qxs-image-upload__control .is-drag [class$=-upload-dragger]{display:inline-block;padding:0;font-size:0}.qxs-image-upload__control .is-drag [class$=-upload-dragger] [class$=-image]{display:block}.qxs-image-upload__control .is-drag [class$=-upload-dragger].is-dragover{border-width:1px}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .image-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;color:var(--qxs-text-color-placeholder);background-color:#f5f5f5;transition:all .3s}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .image-slot:hover{background-color:#eee}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .image-slot [class$=-icon]{font-size:28px}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .image-slot p{margin-top:10px;margin-bottom:0;line-height:1em;color:#5a5a5a}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .progress{position:absolute;top:0}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .progress::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--qxs-overlay-color-lighter)}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .progress [class$=-progress]{z-index:1;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.qxs-image-upload__control .is-drag [class$=-upload-dragger] .progress [class$=-progress] [class$=-progress__text]{color:var(--qxs-text-color-placeholder)}.qxs-image-upload__container [class$=-upload__tip-text]{font-size:14px;line-height:32px;color:#c8c8c8}

package/theme-chalk/src/image-upload.scss

@@ -0,0 +1,135 @@
+@use "mixins/mixins" as *;
+
+@include b(image-upload) {
+  @include e(container) {
+    line-height: initial;
+
+    @include e(control) {
+      display: inline-block;
+      vertical-align: top;
+
+      .image {
+        position: relative;
+        overflow: hidden;
+        border-radius: 6px;
+
+        .mask {
+          position: absolute;
+          top: 0;
+          width: 100%;
+          height: 100%;
+          background-color: var(--#{$namespace}-overlay-color-lighter);
+          opacity: 0;
+          transition: opacity 0.3s;
+
+          .actions {
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            justify-content: center;
+            width: 100px;
+            height: 100px;
+
+            @include position-center(xy);
+
+            span {
+              width: 50%;
+              color: var(--#{$namespace}-color-white);
+              text-align: center;
+              cursor: pointer;
+              transition: color 0.1s, transform 0.1s;
+
+              &:hover {
+                transform: scale(1.5);
+              }
+
+              [class="#{$namespace}-icon"] {
+                font-size: 24px;
+              }
+            }
+          }
+        }
+
+        &:hover .mask {
+          opacity: 1;
+        }
+      }
+      .is-drag {
+        font-size: 0;
+        display: inline-block !important;
+
+        [class$="-upload-dragger"] {
+          display: inline-block;
+          padding: 0;
+          font-size: 0;
+
+          [class$="-image"] {
+            display: block;
+          }
+
+          &.is-dragover {
+            border-width: 1px;
+          }
+
+          .image-slot {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            height: 100%;
+            font-size: 14px;
+            color: var(--#{$namespace}-text-color-placeholder);
+            background-color: #f5f5f5;
+            transition: all 0.3s;
+
+            &:hover {
+              background-color: #eee;
+            }
+
+            [class$="-icon"] {
+              font-size: 28px;
+            }
+
+            p {
+              margin-top: 10px;
+              margin-bottom: 0;
+              line-height: 1em;
+              color: #5a5a5a;
+            }
+          }
+
+          .progress {
+            position: absolute;
+            top: 0;
+
+            &::after {
+              position: absolute;
+              top: 0;
+              left: 0;
+              width: 100%;
+              height: 100%;
+              content: "";
+              background-color: var(--#{$namespace}-overlay-color-lighter);
+            }
+
+            [class$="-progress"] {
+              z-index: 1;
+
+              @include position-center(xy);
+
+              [class$="-progress__text"] {
+                color: var(--#{$namespace}-text-color-placeholder);
+              }
+            }
+          }
+        }
+      }
+    }
+    [class$="-upload__tip-text"] {
+      font-size: 14px;
+      line-height: 32px;
+      color: #c8c8c8;
+    }
+  }
+}

package/theme-chalk/src/mixins/_var.scss

@@ -0,0 +1,24 @@
+@use "sass:map";
+@use "sass:color";
+@use "function" as *;
+
+// 定位居中，默认水平居中，可选择垂直居中，或者水平垂直都居中
+@mixin position-center($type: x) {
+  position: absolute;
+
+  @if $type == x {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  @if $type == y {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  @if $type == xy {
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+}

package/theme-chalk/src/mixins/config.scss

@@ -0,0 +1,14 @@
+$namespace: "qxs" !default;
+$common-separator: "-" !default;
+$element-separator: "__" !default;
+$modifier-separator: "--" !default;
+$state-prefix: "is-" !default;
+
+
+$text-color-main: #333;
+$font-size-small: 12px;
+$color-danger: #f56c6c;
+$text-color-regular: #606266;
+$color-success: #30c691;
+$text-color-primary: #3d61e3;
+$color-primary: #3d61e3;

package/theme-chalk/src/mixins/function.scss

@@ -0,0 +1,95 @@
+@use "sass:string";
+@use "sass:meta";
+@use "config";
+
+// BEM support Func
+@function selectorToString($selector) {
+  $selector: meta.inspect($selector);
+  $selector: string.slice($selector, 2, -2);
+
+  @return $selector;
+}
+
+@function containsModifier($selector) {
+  $selector: selectorToString($selector);
+
+  @if string.index($selector, config.$modifier-separator) {
+    @return true;
+  } @else {
+    @return false;
+  }
+}
+
+@function containWhenFlag($selector) {
+  $selector: selectorToString($selector);
+
+  @if string.index($selector, "." + config.$state-prefix) {
+    @return true;
+  } @else {
+    @return false;
+  }
+}
+
+@function hasPseudoClass($selector) {
+  @return string.index($selector, ":") != null;
+}
+
+@function containPseudoClass($selector) {
+  $selector: selectorToString($selector);
+
+  @if hasPseudoClass($selector) {
+    @return true;
+  } @else {
+    @return false;
+  }
+}
+
+@function hitAllSpecialNestRule($selector) {
+  @return containsModifier($selector) or containWhenFlag($selector) or
+    containPseudoClass($selector);
+}
+
+// join var name
+// joinVarName(('button', 'text-color')) => '--qxs-button-text-color'
+@function joinVarName($list) {
+  $name: "--" + config.$namespace;
+
+  @each $item in $list {
+    @if $item != "" {
+      $name: $name + "-" + $item;
+    }
+  }
+
+  @return $name;
+}
+
+// getCssVarName('button', 'text-color') => '--qxs-button-text-color'
+@function getCssVarName($args...) {
+  @return joinVarName($args);
+}
+
+// getCssVar('button', 'text-color') => var(--qxs-button-text-color)
+@function getCssVar($args...) {
+  @return var(#{joinVarName($args)});
+}
+
+// getCssVarWithDefault(('button', 'text-color'), red) => var(--qxs-button-text-color, red)
+@function getCssVarWithDefault($args, $default) {
+  @return var(#{joinVarName($args)}, #{$default});
+}
+
+// bem('block', 'element', 'modifier') => 'el-block__element--modifier'
+@function bem($block, $element: "", $modifier: "") {
+  $name: config.$namespace + config.$common-separator + $block;
+
+  @if $element != "" {
+    $name: $name + config.$element-separator + $element;
+  }
+
+  @if $modifier != "" {
+    $name: $name + config.$modifier-separator + $modifier;
+  }
+
+  // @debug $name;
+  @return $name;
+}

package/theme-chalk/src/mixins/mixins.scss

@@ -0,0 +1,103 @@
+@use "function" as *;
+// forward mixins
+@forward "config";
+@forward "function";
+@forward "_var";
+@use "config" as *;
+// 声明变量
+$B: null;
+$E: null;
+
+
+// BEM
+@mixin b($block) {
+  $B: $namespace + $common-separator + $block !global;
+
+  .#{$B} {
+    @content;
+  }
+}
+
+@mixin e($element) {
+  $E: $element !global;
+  $selector: &;
+  $currentSelector: "";
+
+  @each $unit in $element {
+    $currentSelector: #{$currentSelector +
+      "." +
+      $B +
+      $element-separator +
+      $unit +
+      ","};
+  }
+
+  @if hitAllSpecialNestRule($selector) {
+    @at-root {
+      #{$selector} {
+        #{$currentSelector} {
+          @content;
+        }
+      }
+    }
+  } @else {
+    @at-root {
+      #{$currentSelector} {
+        @content;
+      }
+    }
+  }
+}
+
+@mixin m($modifier) {
+  $selector: &;
+  $currentSelector: "";
+
+  @each $unit in $modifier {
+    $currentSelector: #{$currentSelector +
+      $selector +
+      $modifier-separator +
+      $unit +
+      ","};
+  }
+
+  @at-root {
+    #{$currentSelector} {
+      @content;
+    }
+  }
+}
+
+@mixin meb($modifier: false, $element: $E, $block: $B) {
+  $selector: &;
+  $modifierCombo: "";
+
+  @if $modifier {
+    $modifierCombo: $modifier-separator + $modifier;
+  }
+
+  @at-root {
+    #{$selector} {
+      .#{$block + $element-separator + $element + $modifierCombo} {
+        @content;
+      }
+    }
+  }
+}
+
+@mixin when($state) {
+  @at-root {
+    &.#{$state-prefix + $state} {
+      @content;
+    }
+  }
+}
+
+// dark
+@mixin dark($block) {
+  html.dark {
+    @include b($block) {
+      @content;
+    }
+  }
+}

package/theme-chalk/src/photo-crop-tool.css

@@ -0,0 +1 @@
+.qxs-photo-crop-tool__img-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#fafafa}.qxs-photo-crop-tool__error-message{color:red}.qxs-photo-crop-tool__image{max-width:100%;max-height:100%;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none}.qxs-photo-crop-tool__crop-tool-box{position:absolute;width:calc(var(--qxs-photo-crop-tool-width)*1px);max-width:100%;height:calc(var(--qxs-photo-crop-tool-height)*1px);max-height:100%;aspect-ratio:var(--qxs-photo-crop-tool-aspect-ratio);overflow:hidden;cursor:move;border:1px dashed #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.4)}.qxs-photo-crop-tool__crop-tool-box>div{position:absolute;z-index:3;width:30%;aspect-ratio:1/1;background-color:rgba(2,2,2,.01);border-radius:50%;transition:all .3s}.qxs-photo-crop-tool__crop-tool-box>div:hover,.qxs-photo-crop-tool__crop-tool-box>div:active{background-color:rgba(2,2,2,.5)}.qxs-photo-crop-tool__top-left{top:0;left:0;cursor:nwse-resize;transform:translate3d(-50%, -50%, 0)}.qxs-photo-crop-tool__top-right{top:0;right:0;cursor:nesw-resize;transform:translate3d(50%, -50%, 0)}.qxs-photo-crop-tool__bottom-right{right:0;bottom:0;cursor:nwse-resize;transform:translate3d(50%, 50%, 0)}.qxs-photo-crop-tool__bottom-left{bottom:0;left:0;cursor:nesw-resize;transform:translate3d(-50%, 50%, 0)}

package/theme-chalk/src/photo-crop-tool.scss

@@ -0,0 +1,84 @@
+@use "mixins/mixins" as *;
+
+@include b(photo-crop-tool) {
+  @include e(img-box) {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: #fafafa;
+
+    @include e(error-message) {
+      color: red;
+    }
+
+    @include e(image) {
+      max-width: 100%;
+      max-height: 100%;
+      vertical-align: middle;
+      // 禁止选中
+      user-select: none;
+      object-fit: contain;
+      // 禁止过拽
+      -webkit-user-drag: none;
+    }
+
+    @include e(crop-tool-box) {
+      position: absolute;
+      width: calc(getCssVar("photo-crop-tool", "width") * 1px);
+      max-width: 100%;
+      height: calc(getCssVar("photo-crop-tool", "height") * 1px);
+      max-height: 100%;
+      aspect-ratio: getCssVar("photo-crop-tool", "aspect-ratio");
+      overflow: hidden;
+      cursor: move;
+      border: 1px dashed #fff;
+      box-shadow: 0 0 0 9999px rgb(0 0 0 / 40%); /* 扩展阴影以覆盖周围区域 */
+      > div {
+        position: absolute;
+        z-index: 3;
+        width: 30%;
+        aspect-ratio: 1 / 1;
+        background-color: rgba($color: #020202, $alpha: 1%);
+        border-radius: 50%;
+        transition: all 0.3s;
+
+        &:hover,
+        &:active {
+          background-color: rgba($color: #020202, $alpha: 50%);
+        }
+
+        @include e(top-left) {
+          top: 0;
+          left: 0;
+          cursor: nwse-resize;
+          transform: translate3d(-50%, -50%, 0);
+        }
+
+        @include e(top-right) {
+          top: 0;
+          right: 0;
+          cursor: nesw-resize;
+          transform: translate3d(50%, -50%, 0);
+        }
+
+        @include e(bottom-right) {
+          right: 0;
+          bottom: 0;
+          cursor: nwse-resize;
+          transform: translate3d(50%, 50%, 0);
+        }
+
+        @include e(bottom-left) {
+          bottom: 0;
+          left: 0;
+          cursor: nesw-resize;
+          transform: translate3d(-50%, 50%, 0);
+        }
+      }
+    }
+  }
+}

package/theme-chalk/{subject-action.css → src/subject-action.css}

@@ -1 +1 @@
-.qxs-subject-action__action-exam .action{padding:20px 0}.qxs-subject-action__action-exam .active{background-color:#f6f7fb;padding-left:10px;padding-right:10px}.qxs-subject-action__action-exam .btn-margin{margin-right:10px}.qxs-subject-action__action-exam .has-set{align-items:center;color:#bbb;display:flex;font-size:12px}.qxs-subject-action__action-exam .vertical-radio-group{align-items:flex-start;display:flex;flex-direction:column;margin-left:20px}.qxs-subject-action__action-exam .vertical-radio-group ::v-deep(.qxs-radio){display:block;margin-right:0}
+.qxs-subject-action__action-exam .action{padding:20px 0}.qxs-subject-action__action-exam .active{background-color:#f6f7fb;padding-left:10px;padding-right:10px}.qxs-subject-action__action-exam .btn-margin{margin-right:10px}.qxs-subject-action__action-exam .has-set{display:flex;align-items:center;font-size:12px;color:#bbb}.qxs-subject-action__action-exam .vertical-radio-group{display:flex;flex-direction:column;align-items:flex-start;margin-left:20px}.qxs-subject-action__action-exam .vertical-radio-group ::v-deep(.qxs-radio){display:block;margin-right:0}

package/theme-chalk/src/subject-action.scss

@@ -0,0 +1,36 @@
+@use "mixins/mixins" as *;
+
+@include b(subject-action) {
+  @include e(action-exam) {
+    .action {
+      padding: 20px 0;
+    }
+
+    .active {
+      background-color: #f6f7fb;
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+
+    .btn-margin {
+      margin-right: 10px;
+    }
+
+    .has-set {
+      display: flex;
+      align-items: center;
+      font-size: 12px;
+      color: #bbb;
+    }
+    .vertical-radio-group {
+      display: flex;
+      flex-direction: column; /* 垂直排列 */
+      align-items: flex-start;
+      margin-left: 20px;
+    }
+    .vertical-radio-group ::v-deep(.#{$namespace}-radio) {
+      display: block; /* 关键属性 */
+      margin-right: 0; /* 清除默认右边距 */
+    }
+  }
+}

package/theme-chalk/src/subject-layout.css

@@ -0,0 +1 @@
+.qxs-subject-layout__layout-exam{padding:10px;font-size:12px;color:#5a5a5a}.qxs-subject-layout__layout-exam .edit{position:relative;padding:20px 10px;padding-bottom:10px;margin-top:20px;background-color:#f6f7fb}.qxs-subject-layout__layout-exam .edit .triangle-up{position:absolute;top:-20px;left:100px;width:0;height:0;border-right:20px solid rgba(0,0,0,0);border-bottom:20px solid #f6f7fb;border-left:20px solid rgba(0,0,0,0)}

package/theme-chalk/src/subject-layout.scss

@@ -0,0 +1,28 @@
+@use "mixins/mixins" as *;
+
+@include b(subject-layout) {
+  @include e(layout-exam) {
+  padding: 10px;
+  font-size: 12px;
+  color: #5a5a5a;
+
+  .edit {
+    position: relative;
+    padding: 20px 10px;
+    padding-bottom: 10px;
+    margin-top: 20px;
+    background-color: #f6f7fb;
+
+    .triangle-up {
+      position: absolute;
+      top: -20px;
+      left: 100px;
+      width: 0;
+      height: 0;
+      border-right: 20px solid transparent;
+      border-bottom: 20px solid #f6f7fb;
+      border-left: 20px solid transparent;
+    }
+  }
+}
+}

package/theme-chalk/src/subject-list.css

@@ -0,0 +1 @@
+.qxs-subject-list__list-exam .flex{display:flex;align-items:center}.qxs-subject-list__list-exam .flex-items-center{display:flex;align-items:center}.qxs-subject-list__list-exam .flex-justify-between{display:flex;justify-content:space-between}.qxs-subject-list__list-exam .flex-justify-center{display:flex;justify-content:center}.qxs-subject-list__list-exam .flex-justify-end{display:flex;justify-content:flex-end}.qxs-subject-list__list-exam .margin-left-10{margin-left:10px}.qxs-subject-list__list-exam .label{min-width:50px}.qxs-subject-list__list-exam .flex-1{flex:1}.qxs-subject-list__list-exam .subject-list-wrapper{width:100%;margin-bottom:20px}.qxs-subject-list__list-exam .margin-bottom{margin-bottom:20px}.qxs-subject-list__list-exam .auto-line{flex:1;background-color:#c8c8c8;height:1px;margin:0 15px}.qxs-subject-list__list-exam .title{font-size:14px;font-weight:500}.qxs-subject-list__list-exam .rich-text img{max-width:100%}.qxs-subject-single__single-exam .preview-answer{display:flex;flex-direction:column;margin-bottom:10px}.qxs-subject-single__single-exam .flex{display:flex;align-items:center}.qxs-subject-single__single-exam .margin-bottom{margin-bottom:20px}.qxs-subject-single__single-exam .answer-list .answer-item{margin-top:15px}.qxs-subject-single__single-exam .answer-list .answer-item .input{width:300px}.qxs-subject-single__single-exam .answer-list .answer-item .input [class$=-input]{font-weight:bold}.qxs-subject-single__single-exam .answer-list .answer-item .correct{margin:0 10px}.qxs-subject-single__single-exam .answer-list .answer-item .correct:hover{color:#3d61e3;cursor:pointer}.qxs-subject-single__single-exam .answer-list .answer-item .is-correct{color:#67c23a}.qxs-subject-single__single-exam .answer-list .answer-item .icon{margin-left:10px;font-size:18px;color:#a3a3a3;cursor:pointer}.qxs-subject-single__single-exam .answer-list .answer-item .disabled{color:#c0c4cc;cursor:not-allowed}.qxs-subject-single__single-exam .preview .answer-radio{padding-left:10px}.qxs-subject-single__single-exam .preview .answer-radio .radio{margin-top:10px}.qxs-subject-blank-fill__blank-fill-exam .flex{display:flex;align-items:center}.qxs-subject-blank-fill__blank-fill-exam .label{min-width:50px;margin-right:10px}.qxs-subject-blank-fill__blank-fill-exam .margin-bottom{margin-bottom:20px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item{width:100%;margin-top:15px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item .answer-tags{flex:1;padding:5px 15px;border:1px solid #eee;border-radius:4px}.qxs-subject-blank-fill__blank-fill-exam .answer-list .answer-item .answer-tags [class$=-tag]{margin-right:10px}.qxs-subject-blank-fill__blank-fill-exam .preview .content{min-height:100px;padding-top:10px;background-color:#fff}.qxs-subject-text-fill__text-fill-exam .flex{display:flex;align-items:center}.qxs-subject-text-fill__text-fill-exam .label{min-width:50px;margin-right:10px}.qxs-subject-text-fill__text-fill-exam .margin-bottom{margin-bottom:20px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item{width:100%;margin-top:15px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .answer-tags{flex:1;padding:5px 15px;border:1px solid #eee;border-radius:4px}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .operation .icon{margin-left:10px;font-size:16px;color:#a3a3a3;cursor:pointer}.qxs-subject-text-fill__text-fill-exam .answer-list .answer-item .operation .disabled{color:#c0c4cc;cursor:not-allowed}.qxs-subject-text-fill__text-fill-exam .preview .content{min-height:100px;margin-top:10px}.qxs-subject-scale__scale-exam .flex{display:flex;align-items:center}.qxs-subject-scale__scale-exam .label{min-width:50px}.qxs-subject-scale__scale-exam .margin-bottom{margin-bottom:20px}.qxs-subject-scale__scale-exam .answer{margin:20px 0}.qxs-subject-scale__scale-exam .answer .answer-list{margin-left:40px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item{margin-bottom:20px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .order{width:16px;margin-right:10px}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .icon{margin-left:10px;font-size:16px;color:#a3a3a3;cursor:pointer}.qxs-subject-scale__scale-exam .answer .answer-list .answer-item .disabled{color:#c0c4cc;cursor:not-allowed}.qxs-subject-scale__scale-exam .preview .answer-radio .radio-item .qxs-radio-wrapper{margin-inline-end:0}