扫一扫分享
vuescroll 是一款基于 Vue.js 自定义滚动条的插件,它有两种模式: native: 适用于 PC 端,支持基本的自定义滚动条。 slide: 适用于移动端, 支持下拉-加载,上拉刷新,轮播等。 但是,这并不意味着 slide模式只能用于移动端,只是因为移动端与 slide 模式更加契合而已。
完全可定制化, 你可以自定义滚动条、滚动轨道、滚动按钮等
支持上拉-刷新和下拉-加载, 并且你可以定制它们的动画效果!
Vuescroll 支持平滑地滚动, 你可以在Vue.js上平滑的滚动滚动条!
Vuescroll 支持轮播图,无需复杂的配置,只要把内容包裹起来就能得到你自己的轮播图组件!
import Vue from 'vue';
import vuescroll from 'vuescroll/dist/vuescroll-native';
// 导入css文件
import 'vuescroll/dist/vuescroll.css';
Vue.use(vuescroll);
<template>
<div class="demo-container">
<vue-scroll :ops="ops">
<div class="demo-content">
<span class="demo-content-text">你好 Vuescroll!</span>
</div>
</vue-scroll>
</div>
</template>
<script>
export default {
data() {
return {
ops: {} // Your options
};
}
};
</script>
手机预览