u

code/container-ocr/ocr-vue/src/styles/element-plus.scss

@@ -0,0 +1,25 @@
+:root {
+  --el-color-primary: #165dff;
+
+  --el-component-size-small: 24px;
+  --el-component-size: 28px;
+  --el-component-size-large: 32px;
+
+  --el-loading-spinner-size: 36px !important;
+}
+
+.el-button {
+  height: 28px;
+  line-height: 0;
+}
+
+.el-button--small {
+  height: 24px;
+}
+.el-button--large {
+  height: 32px;
+}
+
+.el-button + .el-button {
+  margin-left: 0px ;
+}

code/container-ocr/ocr-vue/src/styles/mixins.scss

@@ -0,0 +1,56 @@
+@mixin flexGapRow($size) {
+  gap: $size;
+  & > * {
+    margin-right: $size;
+  }
+  & > *:last-child {
+    margin-right: 0;
+  }
+}
+
+@mixin flexGapColumn($size) {
+  gap: $size;
+  & > * {
+    margin-bottom: $size;
+  }
+  & > *:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/**
+ * 兼容低版本浏览器的 Flex Wrap 布局 Mixin
+ * 支持浏览器：自动检测 gap 支持，不支持时回退到负边距方案
+ * @param {number} $row-gap - 行间距
+ * @param {number} $column-gap - 列间距
+ * @param {string} $direction: row - 布局方向 (row|column)
+ */
+@mixin flexGapWrap($row-gap, $column-gap, $direction: row) {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: $direction;
+
+  // 现代浏览器：直接使用 gap
+  @supports (gap: 1px) {
+    gap: $row-gap $column-gap;
+  }
+
+  // 低版本浏览器回退方案
+  @supports not (gap: 1px) {
+    @if $direction == row {
+      // 横向布局：用负边距补偿
+      margin: -$row-gap / 2 (-$column-gap / 2);
+
+      & > * {
+        margin: $row-gap / 2 $column-gap / 2;
+      }
+    } @else {
+      // 纵向布局
+      margin: (-$row-gap / 2) (-$column-gap / 2);
+
+      & > * {
+        margin: $row-gap / 2 $column-gap / 2;
+      }
+    }
+  }
+}

code/container-ocr/ocr-vue/src/styles/nprogress.css

@@ -0,0 +1,80 @@
+/* Make clicks pass-through */
+#nprogress {
+  pointer-events: none;
+}
+
+#nprogress .bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1031;
+
+  width: 100%;
+  height: 2px;
+  background: var(--el-color-primary);
+}
+/* Fancy blur effect */
+#nprogress .peg {
+  position: absolute;
+  right: 0px;
+  display: block;
+  width: 100px;
+  height: 100%;
+  box-shadow:
+    0 0 10px var(--el-color-primary),
+    0 0 5px var(--el-color-primary);
+  opacity: 1;
+
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+  -ms-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px);
+}
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+  position: fixed;
+  top: 15px;
+  right: 15px;
+  z-index: 1031;
+  display: block;
+}
+
+#nprogress .spinner-icon {
+  box-sizing: border-box;
+  width: 18px;
+  height: 18px;
+
+  border: solid 2px transparent;
+  border-top-color: var(--el-color-primary);
+  border-left-color: var(--el-color-primary);
+  border-radius: 50%;
+
+  -webkit-animation: nprogress-spinner 300ms linear infinite;
+  animation: nprogress-spinner 300ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  position: relative;
+  overflow: hidden;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

code/container-ocr/ocr-vue/src/styles/vxe-table.scss

@@ -0,0 +1,26 @@
+.vxe-table {
+  .el-checkbox {
+    height: 100%;
+  }
+
+  .col--edit {
+    .vxe-cell {
+      padding: 1px !important;
+      .vxe-cell--wrapper {
+        height: 100%;
+
+        .el-input,
+        .el-select {
+          height: 100%;
+          line-height: 100%;
+
+          .el-input__wrapper,
+          .el-select__wrapper {
+            height: 100%;
+            border-radius: 0;
+          }
+        }
+      }
+    }
+  }
+}