Browse Source

下拉框 样式高度 自适应

黄琪勇 8 months ago
parent
commit
bf89cbc831
2 changed files with 13 additions and 1 deletions
  1. 6 0
      src/assets/elementTheme.scss
  2. 7 1
      src/views/cloudTextbooks/cloudTextbooks.vue

+ 6 - 0
src/assets/elementTheme.scss

@@ -51,3 +51,9 @@
       }
    }
 }
+
+// 下拉选择框 给最大高度,高度自适应
+.el-cascader-panel .el-cascader-menu__wrap.el-scrollbar__wrap {
+   height: 100%;
+   max-height: 204px;
+}

+ 7 - 1
src/views/cloudTextbooks/cloudTextbooks.vue

@@ -11,7 +11,7 @@
                <dictionary
                   v-if="albumOpt.length > 1"
                   class="albumOpt"
-                  :popper-class="'classTypePopper'"
+                  :popper-class="'classTypePopperAlbum'"
                   v-model="albumId"
                   :width="200"
                   :height="40"
@@ -313,4 +313,10 @@ function handleClick(id: string) {
       min-width: auto;
    }
 }
+.classTypePopperAlbum.el-cascader__dropdown.el-popper {
+   .el-cascader-menu {
+      width: 200px;
+      min-width: auto;
+   }
+}
 </style>