sc

src/styles/index.scss

@@ -0,0 +1,100 @@
+@import './var.css';
+@import 'element-plus/theme-chalk/dark/css-vars.css';
+
+.reset-margin [class*='el-icon'] + span {
+  margin-left: 2px !important;
+}
+
+// 解决抽屉弹出时，body宽度变化的问题
+.el-popup-parent--hidden {
+  width: 100% !important;
+}
+
+// 解决表格内容超过表格总宽度后，横向滚动条前端顶不到表格边缘的问题
+.el-scrollbar__bar {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.el-dialog__body {
+  overflow-y: auto;
+  padding-top: 18px;
+  padding-bottom: 0;
+  // max-height: calc(100% - 118px);
+}
+
+/* nprogress 适配 element-plus 的主题色 */
+#nprogress {
+  & .bar {
+    background-color: var(--el-color-primary) !important;
+  }
+
+  & .peg {
+    box-shadow: 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary) !important;
+  }
+
+  & .spinner-icon {
+    border-top-color: var(--el-color-primary);
+    border-left-color: var(--el-color-primary);
+  }
+}
+
+.search-form-item {
+  margin-right: 10px !important;
+  margin-bottom: 10px !important;
+  & .el-form-item__label {
+    padding-right: 0;
+    overflow: hidden;
+  }
+}
+
+.crud-form-item .el-input__wrapper {
+  width: 100%;
+}
+
+.el-dialog {
+  margin-top: 5vh;
+  // max-height: 90vh;
+}
+
+.el-form--inline .el-form-item {
+  margin-right: 15px;
+}
+
+.el-row .el-form-item {
+  .el-input,
+  .el-select,
+  .el-input-number,
+  .el-input__wrapper {
+    width: 100%;
+  }
+}
+
+
+.dialog-okr {
+  width: 94vw;
+  height: 94vh;
+  max-width: 1800px;
+  max-height: 1000px;
+  margin: 0;
+}
+.dialog-okr .el-dialog__header {
+  padding: 0 !important;
+}
+.okr-info-dialog {
+  .el-dialog__body {
+    padding-top: 0;
+  }
+}
+
+/* 去除 Chrome、Safari、Edge、Opera 中的指示器 */
+.el-input__inner::-webkit-outer-spin-button,
+.el-input__inner::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* 去除 Firefox 中的指示器 */
+.el-input__inner[type='number'] {
+  -moz-appearance: textfield;
+}