Scrollbar

这个组件使用了 el-scrollbar 组件作为内部实现

• 垂直滚动条
• 横向滚动条
• 属性/事件/参数
  • Attributes
  • Events
  • Slot

垂直滚动条

需要设置组件高度,在内容高度大于组件高度的时候,就自动出现滚动条了

开始

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

结束

<template>
    <div>
        <ba-scrollbar style="height: 200px;background: #034964;color: #ffffff">
            开始
            <div v-for="item in 50">{{ item }}</div>
            结束
        </ba-scrollbar>
    </div>
</template>
<script>
export default {};
</script>

显示代码 复制代码 复制代码

横向滚动条

需要设置组件宽度,在内容高度大于组件宽度的时候,就自动出现滚动条了

开始 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 结束

<template>
    <div>
        <ba-scrollbar style="height: 200px;width:300px;background: #034964;color: #ffffff">
            开始
            <span v-for="item in 50">{{ item }}</span>
            结束
        </ba-scrollbar>
    </div>
</template>
<script>
export default {};
</script>

显示代码 复制代码 复制代码

属性/事件/参数

---

Attributes

参数	说明	类型	可选值	默认值
—	—	—	—	—

Events

事件名称	说明	回调参数
—	—	—

Slot

名称	说明
—	—