微信小程序 创建动画效果背景——球体闪烁动画效果组件

根目录下新建文件夹pyp,然后新建组件pyp/animation/animation1/index

图片目录

index.js文件夹中键入代码

// pyp/animation/animation1/index.js
Component({
   
   
  properties: {
   
   
    num: {
   
    // 球体数量
      type: Number,
      value: 20
    }
  },

  data: {
   
   
    topArr: {
   
   }, // 顶部定位数值数组
    leftArr: {
   
   }, // 左侧定位数值数组
    numArr: [], // 数组循环所需要的值
    animationArr: {
   
   }, // 动画名称数组
    borderArr: {
   
   }, // 球体直径数组
    num: 20, // 球体数量
    intTimeArr: [] // 定时器名称数组
  },

  attached: function () {
   
   
    // 渲染球体数量、球体直径、球体初始位置等基础参数
    var num = this.data.num <= 20 ? this.data.num : 20
    var numArr = this.data.numArr

    for (var i = 1; i <= num; i++) {
   
   
      var topArr = this.data.topArr
      var leftArr = this.data.leftArr
      var borderArr = this.data.borderArr

      const si = wx.getSystemInfoSync()
      var w = si
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值