SMWallet动画波浪球

作者: 圆梦人生 | 来源:发表于2017-06-30 14:07 被阅读15次

来源:http://www.itssh.cn/post/947.html

SMWallet

SMWallet动画波浪球( http://www.itssh.cn/ ) ,依赖Jquery,有问题请发邮件:sm0210@qq.com

实例化SMWallet动画波浪球

效果

image.png

实例化组件

  //配置信息
  var config = {
    //可配置参数:剩余额度标题,默认[剩余额度 (元)]
    amountTitle:'剩余额度 (元)',
    //必须参数:剩余额度,默认0.00
    amount:'3945.26',
    //必须参数:本月总额度,默认0.00
    total:'5000.00'
  };
  //实例化1
  var wa = $('#walletEl').initSMWallet(config);

  //实例化2
  config.amount = '2500.00';
  $('#walletEl2').initSMWallet(config);

  //实例化3
  config.amount = '1500.00';
  $('#walletEl3').initSMWallet(config);

重新渲染时间轴

  //reload 重新渲染
  var config2 = {};
  config2.amount = '4500.00';
  config2.amountTitle = 'reload渲染';
  wa.reload(config2);

来源:http://www.itssh.cn/post/947.html

相关文章

  • SMWallet动画波浪球

    来源:http://www.itssh.cn/post/947.html SMWallet SMWallet动画波...

  • Flutter书写简单动画(写轮眼/波浪球/雨滴/等待)

    FlutterAnimationDemo 学习flutter书写的几个简单动画效果 写轮眼 波浪进度球(奇奇怪怪的...

  • 波浪动画

    前言: 在多次地方我看到一个非常好看的线条动画-波浪。给人很舒服的赶脚,并且也很实用在项目中,比如:下载文件进度,...

  • 路径动画(波浪)

  • 波浪动画效果

    项目中有时会用到波浪效果,效果如下: 具体代码如下:1.首先要创建个时间控制器,波浪一直处于动态,所以必须要有个定...

  • ios - 波浪动画

    来源:http://summertreee.github.io/blog/2016/08/07/dong-hua-...

  • 第三方资源收集

    水波浪圆形进度控件,采用 CAShapeLayer,CADisplayLink 波浪动画,简单,流畅https:/...

  • 常用第三方库

    UI动画 波浪控件 Tabbar items显示萌萌的动画 qq侧滑 橡皮筋弹跳式动画 菜单动画 帧动画 手势驱动...

  • 网格波浪箭头动画

    网上有很多波浪的画法,但是往往波浪要与具体需求图形结合,今天我就给大家带来了一个我们股票类App需要显示涨幅和跌幅...

  • 简单的波浪动画

    还原x游行程助手的首页侧边栏按钮波浪抖动效果 新建一个工程 在storyboard中拉5个button,分别设置t...

网友评论

    本文标题:SMWallet动画波浪球

    本文链接:https://www.haomeiwen.com/subject/kxabcxtx.html