feat: 默认 layout 使用处理过的 element 滚动条组件替代 better-scroll

This commit is contained in:
FairyEver
2020-11-24 08:58:46 +08:00
parent f22d2209a2
commit a93e966457
3 changed files with 54 additions and 61 deletions

View File

@@ -0,0 +1,34 @@
<style lang="scss">
.d2-scrollbar {
height: 100%;
.el-scrollbar__wrap {
overflow: auto;
}
}
</style>
<template>
<el-scrollbar
class="d2-scrollbar"
ref="scrollbar"
v-bind="$attrs"
v-on="$listeners">
<slot/>
</el-scrollbar>
</template>
<script>
import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event'
export default {
name: 'd2-scrollbar',
inheritAttrs: false,
mounted () {
const scrollbar = this.$refs.scrollbar
addResizeListener(scrollbar.$el, scrollbar.update)
this.$once('hook:beforeDestroy', () => {
removeResizeListener(scrollbar.$el, scrollbar.update)
})
}
}
</script>