github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: dropdown add scrollbar

pull/22488/head
王叨叨 2023-04-13 15:41:33 +08:00
parent f14b5ba540
commit b9464d7ac4
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/dropdown/src/dropdown-menu.vue
View File

@ -1,11 +1,17 @@
<template> <template>
<transition name="el-zoom-in-top" @after-leave="doDestroy"> <transition name="el-zoom-in-top" @after-leave="doDestroy">
<ul class="el-dropdown-menu el-popper" :class="[size && `el-dropdown-menu--${size}`]" v-show="showPopper"> <div class="el-dropdown-menu el-popper" :class="[size && `el-dropdown-menu--${size}`]" v-show="showPopper">
<slot></slot> <el-scrollbar
</ul> tag="ul"
wrap-class="dropdown-scrollbar__wrap"
view-class="dropdown-scrollbar__list">
<slot></slot>
</el-scrollbar>
</div>
</transition> </transition>
</template> </template>
<script> <script>
import ElScrollbar from 'element-ui/packages/scrollbar';
import Popper from 'element-ui/src/utils/vue-popper'; import Popper from 'element-ui/src/utils/vue-popper';
export default { export default {
@ -13,6 +19,10 @@
componentName: 'ElDropdownMenu', componentName: 'ElDropdownMenu',
components: {
ElScrollbar
},
mixins: [Popper], mixins: [Popper],
props: { props: {

8
packages/theme-chalk/src/dropdown.scss
View File

@ -180,3 +180,11 @@
} }
} }
} }
.dropdown-scrollbar__wrap{
max-height: 274px;
}
.dropdown-scrollbar__list{
padding: 0;
margin: 0;
}