首页 > 编程语言 >直播系统源码,云朵左右移动循环动画实现

直播系统源码,云朵左右移动循环动画实现

时间:2023-03-02 14:11:33浏览次数:66  
标签:动画 云朵 animation next 直播 源码

直播系统源码,云朵左右移动循环动画实现

组件

 


<image class="yun3 aniYunImg" :animation="animationYunData" :src="yun1"></image>

JS

 


data() {
return {
        animationYunData: {},
    }
},
 
onLoad(option) {
this.animation_yun_load()
 
},
 
methods: {
    animation_yun_load() {
var ani_start_time = 5000;
var animation = uni.createAnimation({
duration: ani_start_time,
delay: 1
})
var next = true;
setInterval(() => {
if (next) {
animation.translateX(20).step()
} else {
animation.translateX(-20).step()
}
next = !next;
this.animationYunData = animation.export()
}, ani_start_time)
    },
}, 

 

 

以上就是直播系统源码,云朵左右移动循环动画实现, 更多内容欢迎关注之后的文章

 

标签:动画,云朵,animation,next,直播,源码
From: https://www.cnblogs.com/yunbaomengnan/p/17171604.html

相关文章

  • django 源码解读 python manage.py makemigrations
    分析命令之前,需要先了解makemigrations调用的一些类。这样对于后面分析命令时很轻松。1.MigrationRecorder类这个类在django/db/migrations/recorder.py文件中,这个类是......
  • 【Mybatis】【数据源】【一】Mybatis源码解析-内置数据源
    1 前言这节我们要看一下数据源的东西了。比如我们以前在XML配置的什么驱动、url、账号密码啥的以及现在我们在SpringBoot下配置的其实都是为了创建我们的数据源,那么这节......
  • java HashMap 源码
    jdk1.7和1.8区别比较大,主要是数据结构上的区别从而put()get()等方法也会有相应变化jdk1.7数据结构为数组(buckets)+单向链表(entries)hash冲突时......
  • java LinkedList 源码
    概述底层数据结构是双向链表(jdk1.6是双向循环,1.7开始不循环了),所以新增/删除效率高,查询/修改效率相对较低全能冠军:既是一个顺序容器,也是队列,还可以作为栈使用未实现Ran......
  • 事件分发源码分析
    1.Activity对事件的分发过程publicbooleandispatchTouchEvent(MotionEventev){if(ev.getAction()==MotionEvent.ACTION_DOWN){onUserInte......
  • java List 源码
    概述底层通过数组实现,所以查询/更新效率很高,删除/增加跟位置相关,除未实现同步外和Vector大致相同扩容publicbooleanadd(Ee){//数组扩容,不是一定要扩容,需要......
  • vue+leaflet示例:在线地图切换显示(附源码下载)
    demo源码运行环境以及配置运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。运行工具:vscode或者其他工具。配置方式:下载demo源码,vscode打开,然后顺序执行以下命令:(1......
  • 【Mybatis】【配置文件解析】【四】Mybatis源码解析-mappers的解析四(绑定Mapper、处理
    1 前言我们上节把我们mapper里的sql节点以及我们的增删改查都解析了,那么最后回来就剩下两块没看了,一块是我们的mapper跟我们的接口绑定,一块就是我们在解析的过程中......
  • Apache HttpClient使用和源码分析
    在上文中分析了HttpURLConnection的用法,功能还是比较简单的,没有什么封装接下来看看ApacheHttpClient是如何封装httpClient的目录组成请求代码代码分析自定义拦截器和处......
  • 在android源码中编译ADW_Launcher
    1.下载ADW_Launcher源码 cd/android-2.1/packages/apps/ mkdirADW_Launcher cdADW_Launchergitclonegit://github.com/AnderWeb/android_packages_apps_Launcher.gi......