uni-app - 文字上下循环滚动翻滚，类似中奖名单与公告栏信息公示等等，自定义组件封装，支持 DIY（适用于新闻动态、公告上下滚动列表、上下循环滚动，无限上下自动滚动列表）兼容小程序/H5/App

前言

如果您需要 “列表式（如下所示）” 多个同时上下翻滚，请选择并访问：uni-app 版 | 微信小程序版

本文实现了 单行文字上下循环滚动，类似营销页面顶部的获奖名单、信息公示等效果，

以自定义组件形式进行了封装（方便复用），uni-app 全端兼容，如下图所示：

您只需要一键复制便可使用，灵活更改样式与逻辑，轻松移植到您的项目中。

组件源码

组件名称和位置无所谓，确保后续页面使用正常引入即可。

打开项目 components 文件夹，

在里面新建一个 textroll.vue 文件，一键复制以下全部代码：