更新记录

2.0（2021-10-27） 下载此版本

修复初始化延迟bug

1.0（2021-10-27） 下载此版本

无

平台兼容性

uni-app

如何使用

导入并且注册

复制代码import vastwuSingleimgPlay from '@/components/vastwu-singleimg-play/vastwu-singleimg-play.vue'
components:vastwuSingleimgPlay  }

复制代码<vastwu-singleimg-play path="https://ss1.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/baike/s=220/sign=b6ae7334978fa0ec7bc7630f1696594a/b7003af33a87e950e154426b16385343fbf2b472.jpg" :height="200"></vastwu-singleimg-play>

参数说明

其他

其实吧 要实现这个效果压根就不需要这个组件，你需要的只是下面这几行css代码 test-img赋给一张图完事~~嘿嘿🤭

复制代码.test-img {
  animation: myfirst2 5s linear infinite;
 }
 .test-img:hover {
  animation: myfirst2 5s linear infinite paused;
 }

 @keyframes myfirst2 {

  0% {
   transform: translateX(750rpx);
  }

  100% {
   transform: translateX(-100%);
  }

 }