插件名称 | vue2-perfect-scrollbar |
---|---|
发布时间 | 2020年7月25日 |
插件作者 | mercs600 |
vue2-perfect-scrollbar 是滚动条插件的简约但功能强大的容器组件。
# Yarn
$ yarn add vue2-perfect-scrollbar
# NPM
$ npm install vue2-perfect-scrollbar --save
import PerfectScrollbar from 'vue2-perfect-scrollbar'
import 'vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.css'
Vue.use(PerfectScrollbar)
因此,您可以在每个组件中将此插件用作
<perfect-scrollbar>
<p> Lorem Ipsum只是印刷和排版行业的虚拟文本。</p>
</perfect-scrollbar>
该插件将生成一个带有“ .ps”类名称的容器,您需要自定义容器的高度
/* 例子*/
.ps {
height: 400px;
}