home.min.js

webpackJsonp([31],{1061:function(n,exports,t){var e=t(691);"string"==typeof e&&(e=[[n.i,e,""]]);t(2)(e,{});e.locals&&(n.exports=e.locals)},296:function(n,exports,t){"use strict";function e(n){return n&&n.__esModule?n:{"default":n}}Object.defineProperty(exports,"__esModule",{value:!0});var i=t(847),o=e(i);exports["default"]=angular.module("home",[]).component("home",o["default"])},691:function(n,exports,t){exports=n.exports=t(1)(),exports.push([n.i,"@-webkit-keyframes b {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes b {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.back-drop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  background-color: #000;\n  opacity: 0;\n  -webkit-transition: opacity 0.15s linear;\n  -o-transition: opacity 0.15s linear;\n  transition: opacity 0.15s linear;\n}\n.back-drop.in {\n  opacity: 0.8;\n  filter: alpha(opacity=80);\n}\n.back-drop.out {\n  opacity: 0;\n  -webkit-transition: opacity 0.3s linear;\n  -o-transition: opacity 0.3s linear;\n  transition: opacity 0.3s linear;\n}\n.back-drop .type-cursor {\n  opacity: 1;\n  -webkit-animation: b .7s infinite;\n  animation: b .7s infinite;\n}\n.home-container,\n.home-page {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  color: #fff;\n  z-index: 1001;\n}\n.home-container .type-container,\n.home-page .type-container {\n  width: 350px;\n  margin: 15% 0 0 58%;\n  font-size: 40px;\n  font-weight: bold;\n  letter-spacing: -1.6px;\n}\n.home-container .type-container .type-cursor,\n.home-page .type-container .type-cursor {\n  opacity: 1;\n  -webkit-animation: b .7s infinite;\n  animation: b .7s infinite;\n}\n.home-page {\n  z-index: 999;\n  background: url("+t(811)+") no-repeat right 0;\n}\n.home-page .type-container {\n  opacity: 0;\n  color: #333;\n}\n.home-page .type-container p {\n  font-weight: normal;\n  font-size: 18px;\n  margin: 30px 0;\n  letter-spacing: 1px;\n}\n.home-page .type-container.in {\n  opacity: 1;\n  -webkit-transition: opacity 0.3s linear;\n  -o-transition: opacity 0.3s linear;\n  transition: opacity 0.3s linear;\n}\n.home-page .btn-default,\n.home-page .btn-default:hover,\n.home-page .btn-default:focus,\n.home-page .btn-default:active {\n  color: #fff;\n  background-color: #000;\n  border-color: #000;\n  border-radius: 0;\n  padding: 5px 30px;\n}\n",""])},811:function(n,exports,t){n.exports=t.p+"img-186b37ef6da90aeee1ae95b17f1f5338.jpg"},847:function(n,exports,t){"use strict";function e(n){return n&&n.__esModule?n:{"default":n}}Object.defineProperty(exports,"__esModule",{value:!0});var i=t(993),o=e(i),a=t(848),r=e(a);t(1061),exports["default"]={restrict:"E",bindings:{},template:o["default"],controller:r["default"],controllerAs:"vm"}},848:function(n,exports){"use strict";function t(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var e=function(){function n(n,t){for(var e=0;e<t.length;e++){var i=t[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(n,i.key,i)}}return function(t,e,i){return e&&n(t.prototype,e),i&&n(t,i),t}}(),i=function(){function n(e,i,o){"ngInject";t(this,n),this.$interval=e,this.$timeout=i,this.$state=o,this.typing=null,this.typeText="",this.showOverlay=!0,this.fadeOut=!1,this.fadeIn=!1,this.showCursor=!0,this.keywords=["网站快速成型工具","可重复使用的组件","飞凡组件库"],this.i=0,this.j=0,this.filterTyping()}return n.$inject=["$interval","$timeout","$state"],e(n,[{key:"filterTyping",value:function(){var n=this,t=this.i,e=this.j,i=this.keywords[e];return n.j++,n.typeText="",e==this.keywords.length?(n.fadeOut=!0,n.fadeIn=!0,n.showCursor=!1,void n.$timeout(function(){n.showOverlay=!1},500)):void(n.typing=n.$interval(function(){n.typeText+=i[t],t++,i&&t==i.length&&(n.$interval.cancel(n.typing),e<n.keywords.length&&n.$timeout(function(){n.filterTyping()},1e3))},50))}},{key:"goToStart",value:function(){this.$state.go("build")}}]),n}();exports["default"]=i},993:function(n,exports){n.exports='<div class="back-drop in" ng-class="{out: vm.fadeOut}" ng-if="vm.showOverlay"></div>\n<div class="home-container" ng-if="vm.showOverlay">\n\t<div class="type-container">\n\t\t<span>{{vm.typeText}}</span>\n\t\t<span class="type-cursor" ng-if="vm.showCursor">|</span>\n\t</div>\n</div>\n<div class="home-page">\n\t<div class="type-container" ng-class="{\'in\': vm.fadeIn}">\n\t\t<span>飞凡组件库</span>\n\t\t<p>飞凡组件库，一套为开发者和产品经理准备的基于 Angular 1.5 的组件库，帮助网站快速成型。丰富、灵活、实用的基础组件，为业务产品提供强有力的设计支持。</p>\n\t\t<button class="btn btn-default btn-default-home" ng-click="vm.goToStart()">开始使用</button>\n\t</div>\n</div>'}});
//# sourceMappingURL=home.min.js.map