浏览代码

fix: style bug

xiaoxian521 4 年之前
父节点
当前提交
485df5eb2f
共有 2 个文件被更改,包括 7 次插入1 次删除
  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 {
   min-height: calc(100vh - 70px);
   width: 100%;
+  height: 100vh;
   position: relative;
   overflow-x: hidden;
 }

+ 6 - 1
src/style/index.scss

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