滚动条

src/main/pc-space/src/main.js

@@ -5,9 +5,9 @@ import store from './store';
 import http from './plugins/http';
 import ElementUI from 'element-ui';
 ElementUI.Dialog.props.closeOnClickModal.default = false;
-// import './styles/common.less';
+import './styles/common.less';
 // import './styles/font.less';
-// import './styles/app.less';
+import './styles/app.less';
 
 Vue.prototype.$colors = {
     prim: '#FF7F1F',

src/main/pc-space/src/styles/app.less

@@ -15,9 +15,6 @@ a {
     }
 }
 
-.el-dialog__wrapper {
-    // z-index: 200000 !important;
-}
 
 .hideSelect.el-select-dropdown {
     border-width: 0px;
@@ -26,7 +23,7 @@ a {
 }
 
 .center-content {
-    .center-content();
+    // .center-content();
 }
 
 .el-dialog {
@@ -34,7 +31,8 @@ a {
     border-radius: 8px !important;
 
     .btns {
-        .flex();
+        display: flex;
+        align-items: center;
         justify-content: flex-end;
         .el-button {
             min-width: 100px;
@@ -46,7 +44,8 @@ a {
 
 .el-dialog {
     max-height: 70vh;
-    .flex-col();
+    display: flex;
+    flex-direction: column;
     .el-dialog__header {
         flex-shrink: 0;
     }
@@ -161,38 +160,6 @@ body {
     }
 }
 
-.search {
-    .el-input__suffix-inner {
-        display: flex;
-        flex-direction: row-reverse;
-
-        .el-icon-search {
-            color: #c0c4cc;
-            font-size: 14;
-            cursor: pointer;
-            transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-            &:hover {
-                color: #909399;
-            }
-        }
-    }
-
-    .el-input-group__append,
-    .el-input-group__prepend {
-        background-color: @warn;
-        padding: 0 10px;
-        color: #fff;
-        border-color: @warn;
-    }
-
-    &.el-input-group--append {
-        .el-input__inner {
-            border-color: @warn;
-            background-color: transparent;
-        }
-    }
-}
 
 .btn-block {
     display: block;
@@ -203,23 +170,6 @@ body {
     margin-top: 20px;
 }
 
-.el-dialog__title {
-    font-weight: bold;
-    // font-size: 16px !important;
-}
-
-.swiper-pagination-bullet {
-    background-color: rgba(0, 0, 0, 0.6);
-}
-.swiper-pagination-bullet-active {
-    background-color: @prim;
-}
-.animate__animated.animate__bounce {
-    --animate-duration: 2s;
-}
-:root {
-    --swiper-theme-color: @prim;
-}
 /* This changes all the animations globally */
 // :root {
 //     --animate-duration: 800ms;