scroll-bar-vue

scrollBar

介绍

scrollBar是基于vue的组件,为方便生成浏览器间统一的滚动条样式

• 滚动条可以拖动
• 文字内容可拖动
• 移动端可拖动

安装

npm install scroll-bar-vue --sava

使用

import scrollBar from 'scroll-bar-vue'

components:[
 scrollBar
}

<div class='wrapper'>
 <!--wrapper的宽高决定scrollBar的宽高-->
 <scroll-bar>
  <div>
   ...<!-- 这里填写文字内容-->
  </div>
 </scroll-bar>
</div>

参数

<scroll-bar :barHide='true'>
  <!--所有参数按此逻辑传递-->
</scroll-bar>

barHide

是否隐藏滚动条 布尔值 默认true(显示)

barClass

给bar添加class名,自定义样式 字符串 默认''(空)
* 定义除去宽高的样式,高度定义也不会有效,组件会自动渲染高度,定义也没有用