类似uniaapp中的scroll-view组件，可横向可竖向，样式需要自己跳整一下

横向：（鼠标按下滑动里面的元素，可滑动，滚动条和左右都可以调整）

纵向：

代码实现：主页面引入组件

<template><div><!-- 调用组件 --><!-- vertical 垂直 写宽高 例如： width: 300px;height: 200px;--><!-- horizontal 水平 写宽 例如： width: 300px; --><ScollIndex style="width: 200px;height: 500px;" :scrollDirection="'vertical'"></ScollIndex></div>
</template><script>export default {components: {// 引入组件ScollIndex: () => import('../components/ScrollIndex.vue')},data() {return {};},methods: {},
};
</script>

ScrollIndex.vue文件

<template><div class="ScollView" ref="ScollView"><Scoll :scrollDirection="scrollDirection"><!-- 没有使用循环，可以改 --><div class="ScollBar">拖动1</div><div class="ScollBar">拖动12</div><div class="ScollBar">拖动123</div><div class="ScollBar">拖动124</div><div class="ScollBar">拖动1er432424</div><div class="ScollBar">拖动1</div><div class="ScollBar">拖动1</div><div class="ScollBar">拖动1</div><div class="ScollBar">拖动1</div><div class="ScollBar">拖动1</div><div class="ScollBar">拖动1</div><div class="ScollBar"