Browse Source

fix: style bug

xiaoxian521 4 years ago
parent
commit
485df5eb2f
2 changed files with 7 additions and 1 deletions
  1. 1 0
      src/layout/components/AppMain.vue
  2. 6 1
      src/style/index.scss

+ 1 - 0
src/layout/components/AppMain.vue

@@ -30,6 +30,7 @@ export default defineComponent({
 .app-main {
 .app-main {
   min-height: calc(100vh - 70px);
   min-height: calc(100vh - 70px);
   width: 100%;
   width: 100%;
+  height: 100vh;
   position: relative;
   position: relative;
   overflow-x: hidden;
   overflow-x: hidden;
 }
 }

+ 6 - 1
src/style/index.scss

@@ -29,7 +29,7 @@ html {
 #app {
 #app {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-  overflow-x: hidden;
+  overflow: hidden;
 }
 }
 
 
 *,
 *,
@@ -77,6 +77,11 @@ ul {
   padding: 20px;
   padding: 20px;
 }
 }
 
 
+// 隐藏滚动条
+// .element::-webkit-scrollbar { width: 0 !important } //webkit
+// .element { -ms-overflow-style: none; } //IE 10+
+// .element { overflow: -moz-scrollbars-none; } //Firefox
+
 .login,
 .login,
 .register {
 .register {
   width: 100%;
   width: 100%;