feat: 默认 layout 使用处理过的 element 滚动条组件替代 better-scroll
This commit is contained in:
34
src/components/d2-scrollbar/index.vue
Normal file
34
src/components/d2-scrollbar/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user