用于无缝滚动展示
# 基本用法
- 无缝滚动 1
- 无缝滚动 2
- 无缝滚动 3
- 无缝滚动 4
- 无缝滚动 5
- 无缝滚动 6
- 无缝滚动 7
- 无缝滚动 8
<cl-scroll>
<ul class="list">
<li class="list-item">无缝滚动 1</li>
<li class="list-item">无缝滚动 2</li>
<li class="list-item">无缝滚动 3</li>
<li class="list-item">无缝滚动 4</li>
<li class="list-item">无缝滚动 5</li>
<li class="list-item">无缝滚动 6</li>
<li class="list-item">无缝滚动 7</li>
<li class="list-item">无缝滚动 8</li>
</ul>
</cl-scroll>
隐藏代码
# 横向滚动(不推荐使用,可使用 Notice 代替)
<template>
<cl-scroll direction="horizontal">
// ...
</cl-scroll>
</template>
# CountUp Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
tag | 渲染为指定标签 | string | span |
data | 监听数据变化,重新初始化滚动 | any | -- |
direction | 滚动方向 | string(vertical/horizontal) | vertical |
speed | 滚动速率 | number | 40(ms) |