AutoScroll 重封装组件说明
封装说明
该组件以
slot
插槽形式广播需要滚屏的消息内容。你无需在使用滚屏组件时进行动效处理,仅需向
<AutoScroll />
组件传递绑定prop
对象即可。
该 AutoScroll
由 nj_zuoyang 完成封装。
例
(基础使用)
<template>
<auto-scroll height="2.7rem" style="display: inline-block">
<div>2021.8.16 金融服务平台换新升级</div>
<div>2021.8.16 金融服务平台换新升级金融服务平台换新升级</div>
<div>2021.8.16 金融服务平台换新升级</div>
<div>2021.8.16 金融服务平台换新升级金融服务平台换新升级</div>
<div>2021.8.16 金融服务平台换新升级</div>
</auto-scroll>
</template>
内置属性
除
AutoScroll
自带属性外,还提供了一些额外属性:
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
speed | 设定滚动速度 | Number | 90 |
height | 设定容器高度 | String | 0px |