Vue列表跑马灯循环，类似中奖名单上下无缝滚动_vue-seamless-scroll类似-程序员宅基地

技术标签： vue  

主要就是通过一个插件

sudo cnpm  i  vue-seamless-scroll --save

然后在页面

import Vue from 'vue'
import scroll from 'vue-seamless-scroll'
Vue.use(scroll)

使用方法也很简单

<vue-seamless-scroll :data="agreeperson" :class-option="optionHover" >
<ul  v-for="(item,index) in agreeperson " :key="index">
<li>{
   {item}}</li>
</ul>

记住:data中的数组跟循环的数组一致

这个需要在computed里面写方法

  computed: {
            optionHover () {
                return {
                    hoverStop: true, //是否悬停
　　　　　　　　　　　　singleHeight:0,  // 单行停顿
　　　　　　　　　}
            }
   },

下面是这个插件的一些参数

如果使用autoplay属性，必须要在v-for的标签上加width属性,否则页面排版会有问题

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45389051/article/details/106379832

智能推荐

基于vue的租房小程序+42196(免费领源码、附论文）可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案_带有智能合约的无第三方租房系统程序设计-程序员宅基地

文章浏览阅读529次，点赞9次，收藏9次。租房小程序的主要使用者分为管理员、户主和租房，实现功能包括管理员：首页、个人资料（个人信息、修改密码）、公共管理（轮播图、公告信息）、用户管理（管理员、租户用户、户主用户）、信息管理（租房资讯、资讯分类）、房源信息、聊天信息、租赁订单、反馈留言、上传签名等功能；户主功能包括：首页、个人资料（个人信息、修改密码）、房源信息、聊天信息、租赁订单、上传签名；租房功能包括：首页、租房资讯、我的（聊天信息、租赁订单、反馈留言、上传签名）管理功能等。_带有智能合约的无第三方租房系统程序设计

Android 高级UI解密 (二) ：Paint滤镜 与 颜色过滤（矩阵变换）_android paint模糊滤镜-程序员宅基地

文章浏览阅读2.5k次，点赞7次，收藏7次。若是曾经查看过系统UI的源码，会发现其中使用了一些渲染效果，例如将图片加上黑白、怀旧的效果，生活中常用的逆天美颜相机，其中的原理就是使用了**滤镜效果、颜色通道过滤**。若还要深究其原理组成，便涉及到了高等数学里的矩阵变换，也就是Android 中的**颜色矩阵**！此篇文章便来一探究竟如何实现滤镜和其原理组成。（关于矩阵这一块，无需过度深究数学部分，此处为了充分理解渲染效果，只需了解大概原理，利用其API完成简_android paint模糊滤镜

后端json快速构造工具，json直观构造工具，java优雅构造json数据_java构造json请求体-程序员宅基地

文章浏览阅读250次。自定义MyMap/*** @Description: 自定义map，实现简化json构造*/自定义MyList/*** @Description: 自定义list，实现简化json构造*/静态创建map与list/*** @Description: 创建自定义list或者map*//*** 静态创建自定义list实例* @return 实例对象*//*** 静态创建自定义map实例* @return 实例对象*/_java构造json请求体

基于鲸鱼优化算法优化高斯过程回归预测（WOA-GPR）_高斯过程回归协同优化-程序员宅基地

文章浏览阅读362次，点赞5次，收藏8次。本文旨在基于鲸鱼优化算法优化高斯过程回归预测，通过对多输入单输出问题的处理，将数据存入Excel实现替换方便。四、总结 本文基于鲸鱼优化算法优化高斯过程回归预测（WOA-GPR），通过对多输入单输出问题的处理，并将数据存入Excel实现替换方便。在本文中，我们将鲸鱼优化算法与高斯过程回归相结合，利用WOA算法获取到的最优解来优化GPR模型的预测效果。为了处理这一问题，我们将多个输入变量作为GPR模型的输入，并将输出变量作为模型的输出。通过WOA算法优化GPR模型的超参数和权重，可以得到更精确的预测结果。_高斯过程回归协同优化

vue+element ui使用正则表达式进行表单验证_element ui正则验证-程序员宅基地

文章浏览阅读236次。【代码】vue+element ui使用正则表达式进行表单验证。_element ui正则验证

redis常用命令-程序员宅基地

文章浏览阅读4.7k次，点赞7次，收藏14次。redis常用命令_redis常用命令

随便推点

CentOS 7 PowerCLI 安装与使用_centos powercli-程序员宅基地

文章浏览阅读753次。1 安装 PowerShell1.1 添加 Yum 仓库$ vi /etc/yum.repos.d/microsoft.repo[packages-microsoft-com-prod]name = yum install -y --enablerepo packages-microsoft-com-prod powershellbaseurl = https://packages.microsoft.com/rhel/7/prod/enabled = 1gpgcheck = 1gp_centos powercli

AAAI-19录用论文清单_会议workshop会有文章列表吗-程序员宅基地

文章浏览阅读1.8w次，点赞5次，收藏14次。AAAI-19于1月27日在夏威夷召开，今年是33届会议。会议录用论文清单, workshop16个，tutorials24个。标题的词云分析：作者单位词云(按作者人数计算/一篇文章可能有多个作者)：picture from lonelyplanet.com下面给出接收论文的列表：第一个数字表示投稿的序号&amp;amp;内容可能有缺失9: CircConv: A S..._会议workshop会有文章列表吗

加密流量协议（1）--IPSec协议介绍_ipsec加密，阿里程序员的网络安全之路_ipsec传输模式和隧道模式在报文结构上有什么区别-程序员宅基地

文章浏览阅读656次，点赞16次，收藏14次。源目IP为明文状态，适用于主机间传输数据。源IP及数据重新封装，适用于VPN等加密流量通信。_ipsec传输模式和隧道模式在报文结构上有什么区别

Qt使用.qss文件改变界面样式表-程序员宅基地

文章浏览阅读360次，点赞5次，收藏9次。* 使用深天蓝色的命名值 */color: #00ffff;/* 使用深天蓝色的命名值 */如：QLabel#label_15,QLabel#label。这段代码将改变QLabel类的两个对象的样式。3、常见样式改变的写法可以参考Qt官方文档。font: 9pt "微软雅黑";这段代码将改变所有按键的样式。如：QPushButton。_.qss文件

2021/10/2 Java数据库编程 第五章 存储过程_java存储过程写法-程序员宅基地

文章浏览阅读2.6k次。一、存储过程1.定义：一般在大型的数据库系统中，一组为了完成特定功能的sql语句集，存储在数据库中，经过第一次编译后，再次调用时就不需要再次编译了，用户只需要指定存储过程名称并给定参数就可以执行完成任务。在开发程序中，为了一个特定的业务功能，会向数据库进行多次连接关闭（连接和关闭是很耗费资源的），需要对数据库进行多次I/O读写，性能比较低。如果把这些放到存储过程中，就可以实现连接关闭一次数据库来实现业务，大大提高了效率。2.语法：（1）创建存储过程create procedure 存储过程名_java存储过程写法

构造模型（MODULE类）_class mlp(torch.nn.module)什么意思-程序员宅基地

文章浏览阅读931次。本文主要是学习了Dive-into-DL-PyTorch这本书。因此这篇博客的大部分内容来源于此书。框架使用的是pytorch，开发工具是pycharm参考 动手学深度学习Dive-into-DL-Pytorch参考链接 https://github.com/ShusenTang/Dive-into-DL-PyTorchhttps://github.com/zergtant/pytorch-..._class mlp(torch.nn.module)什么意思

推荐文章

热门文章

相关标签