magix-components/src/mx-topbar/router.js

magix组件

define("mx-topbar/router",["magix","$"],function(t,e,n){var a=t("magix"),r=t("$");a.applyStyle("I",".fu{position:fixed;z-index:400;height:2px;left:0;top:0;right:0;background-color:#d45414;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:all .3s ease;transition:all .3s ease}");var i,o,d=a.guid("mx_topbar_"),f=a.Vframe,s=100,c={__e:function(){clearTimeout(i),r("#"+d).length||(r("body").append('<div class="fu" id="'+d+'"></div>'),o=setInterval(c.__fb,300))},__fb:function(){var t=r("#"+d);t.length&&(s>15?s-=3+5*Math.random():s>4&&(s-=1+Math.random()),t.css({transform:"translate3d(-"+s+"%,0px,0px)"}))},__a:function(){setTimeout(function(){clearInterval(o);var t=r("#"+d);t.length&&(t.css({transform:"translate3d(0,0px,0px)"}),i=setTimeout(function(){s=100,t.remove()},400))},0)}};n.exports=a.View.extend({init:function(t){a.Router.on("changed",function(t){t.path&&c.__e()});var e=function(t){t.off("created",c.__a),t.on("created",c.__a)};f.on("add",function(n){n.vframe.id==t.id&&e(n.vframe)});var n=f.get(t.id);n&&e(n)},render:function(){c.__e()}})});