[{"__symbolic":"module","version":4,"metadata":{"GridModeLoadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-grid-mode-load","template":"<div class=\"align-self-center grid-mode-load-wrap\"  [ngClass]=\"{'grid-mode-none':hide}\"> <i class=\"material-icons align-middle grid-mode-icon\">refresh</i> </div> ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"styles":["/**主要应用在父元素有display:flex的情况下*/ .grid-mode-load-wrap { flex: 1 1 auto; text-align: center; } .grid-mode-load { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(248, 249, 250, 0.8); } .grid-mode-load .grid-mode-icon { font-size: 40px; color: #656565; -webkit-animation: mode-spin 2s infinite linear; animation: mode-spin 2s infinite linear; } .grid-mode-none { display: none !important; } .grid-mode-none .grid-mode-icon { -webkit-animation: none; animation: none; } @-webkit-keyframes mode-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mode-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } "],"host":{"class":"grid-mode-load d-flex"}}]}],"members":{"hide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"_hide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["class.grid-mode-none"]}]}],"customClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":48,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":63}]}],"ngOnInit":[{"__symbolic":"method"}],"showLoading":[{"__symbolic":"method"}],"hideLoading":[{"__symbolic":"method"}]}}}}]