vue中使用滚动条插件vue-gemini-scrollbar 的demo

1、首先安装 
npm install vue-gemini-scrollbar -g
2、其次在main.js中注册 
import GeminiScrollbar from 'vue-gemini-scrollbar'
Vue.use(GeminiScrollbar)
3、在.vue文件中 .my-scroll-bar{     width:210px;     background: palegreen;     height:200px; } /* override gemini-scrollbar default styles */ /* vertical scrollbar track */ .gm-scrollbar.-vertical {   background-color: #f0f0f0 } /* horizontal scrollbar track */ .gm-scrollbar.-horizontal {   background-color: transparent; } /* scrollbar thumb */ .gm-scrollbar .thumb {   background-color: rebeccapurple; } .gm-scrollbar .thumb:hover {   background-color: fuchsia; }

相关

标签