SMWallet动画波浪球

来源: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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容