# SlideScroll 滑动滚动
# 基础示例:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
<lee-slide-scroll @slideEnd="slideEnd">
<style>
.ul{display:flex;padding-left:0;}
.ul li{
width:135px;height:120px;flex-shrink:0;
padding-right:15px;
}
.ul li span{
background:green;
width:100%;height:100%;display:flex;color:#fff;align-items:center;justify-content: center;
}
</style>
<ul class="ul">
<li><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
<li><span>4</span></li>
<li><span>5</span></li>
<li><span>6</span></li>
<li><span>7</span></li>
<li><span>8</span></li>
<li><span>9</span></li>
<li><span>10</span></li>
</ul>
</lee-slide-scroll>
<script>
export default {
data() {
return {
}
},
mounted() {
},
methods: {
slideEnd(rs){
console.log(rs)
}
}
}
</script>
显示代码
# SlideScroll 事件
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| slideEnd | 是否点击还是滑动 | value |