VUEはショッピングカートの放物線アニメーションに参加することを実現する
import $ from 'jquery'
$.easing.jswing=$.easing.swing;
$.extend($.easing, {
easeInBack: function(e, f, a, i, h, g) {
if (g == undefined) {
g = 1.70158
}
return i * (f /= h) * f * ((g + 1) * f - g) + a
},
});
export default{
addCartAni(id){
var dom = $("#add_"+id).find("em");
var target = $('#cartnum');
var dom = dom.clone().css({'position':'fixed','opacity':1,'z-index':10000,'width':'0.3rem','height':'0.3rem','border-radius':'50%','background':'#ff7900'}).css(dom.offset()).appendTo('body');
dom.animate({left:[target.offset().left,'linear'],top:[target.offset().top, 'easeInBack']},500).fadeOut(200,function (){dom.detach();});
}
}
VUEはまずJQUERYをサポートする.クリックの呼び出し時に現在のIDが入力されます