微信小程序图片抖动

深碍√TFBOYSˉ_ 2022-11-14 11:52 234阅读 0赞

<view class='game_point_me {
       {isDoudong?"doudong":""}}' bindtap='pointMe'></view>

@keyframes seconddiv{
    0% {transform: scale(1.4,1.4);}
    10% {transform: scale(1,1);}
    25% {transform: scale(1.2,1.2);}
    50% {transform: scale(1,1);}
    70% {transform: scale(1.2,1.2);}
    100% {transform: scale(1,1);}
    }
    .doudong{animation:1s seconddiv;}
    .game_point_me{width: 98rpx;height: 89rpx; background: url(https://game003.workshop.xmtcyx.com/images/game/game_point_me01.png)no-repeat;background-size: 100% 100%;position: absolute;top: 180rpx;right: 50rpx;}

Page({
      data: {
        isDoudong: false, //控制图片抖动
      },
      onLoad: function(options) {
        let that = this
        //抖动相关的
        setInterval(function() {
          let isDoudong = that.data.isDoudong
          that.setData({
            isDoudong: !isDoudong
          })
        }, 1000)
      }
    })

转载地址：[https://blog.csdn.net/alifj9932/article/details/102057512][https_blog.csdn.net_alifj9932_article_details_102057512]

[https_blog.csdn.net_alifj9932_article_details_102057512]: https://blog.csdn.net/alifj9932/article/details/102057512

发表评论取消回复

表情：

评论列表（有 0 条评论，234人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序图片抖动

<view class='game_point_me { {isDoudong?"doudong":""}}' bindtap='pointMe'></v

深碍√TFBOYSˉ_/ 2022年11月14日 11:52/ 0 赞/ 235 阅读

相关微信小程序轮播图片

轮播图片的实现使用swiper实现图片轮播功能 -------------------- 一、效果展示 ![在这里插入图片描述][20210718222522

深藏阁楼爱情的钟/ 2022年08月30日 04:12/ 0 赞/ 292 阅读

相关微信小程序图片分包 || 微信小程序资源分包

静态资源处理在分包根目录建一个static包，把资源放进这个static包 pageA --页面1 --页面2 ......

「爱情、让人受尽委屈。」/ 2022年08月29日 05:54/ 0 赞/ 295 阅读

相关微信小程序图片裁剪

插件下载网站[https://github.com/dlhandsome/we-cropper][https_github.com_dlhandsome_we-cropper]

桃扇骨/ 2022年05月31日 10:36/ 0 赞/ 353 阅读

相关微信小程序上传图片文件小程序+Java

小程序代码： chooseImage(){ wx.chooseImage({ success: function (res)

我会带着你远行/ 2022年05月11日 05:34/ 0 赞/ 358 阅读

相关微信小程序-解决scroll-view抖动

微信小程序scroll-view抖动原因：产品需要点击换一换，列表置顶并刷新，所以需要动态绑定scroll-view里面的scrollTop属性 scrollTop属性

冷不防/ 2022年01月12日 09:59/ 0 赞/ 1484 阅读

相关微信小程序：注册微信小程序

注册小程序帐号在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。 ![20170521234518211][] 选择注册

短命女/ 2021年12月09日 03:53/ 0 赞/ 693 阅读

相关微信小程序上传图片

//添加图片 joinPicture: function (e) { var index = e.currentTarget.dataset

痛定思痛。/ 2021年09月17日 03:02/ 0 赞/ 617 阅读

相关微信小程序生成图片

又是一波干货~ .wxml <view class='more' bindtap='saveImageToPhotosAlbum'>保存图片</view>

矫情吗；*/ 2021年09月17日 01:04/ 0 赞/ 559 阅读

相关微信小程序 image 图片组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式，[2.3.0][] 起支持云文

梦里梦外;/ 2021年09月08日 06:22/ 0 赞/ 550 阅读