Html 如何在没有CSS的情况下使加载程序的大小变大

Html 如何在没有CSS的情况下使加载程序的大小变大,html,css,angular,bulma,Html,Css,Angular,Bulma,我想在不添加任何CSS的情况下增加加载程序的大小 组件中的宽度=“500”高度=“600”> <div class="loader-wrapper "> <div class="loader is-loading"></div> </div> 导入{ 组成部分, 奥尼特, ViewChild, ElementRef, 视图封装 }从“@angular/core”开始; @组成


我想在不添加任何CSS的情况下增加加载程序的大小

组件中的宽度=“500”高度=“600”>

  <div class="loader-wrapper ">
      <div class="loader is-loading"></div>
        </div>
导入{
组成部分,
奥尼特,
ViewChild,
ElementRef,
视图封装
}从“@angular/core”开始;
@组成部分({
选择器:“应用程序加载”,
模板:`
`,
封装:视图封装。无
})
导出类CustomComponent实现OnInit{
@ViewChild('LoaderRapper')LoaderRapper:ElementRef;
恩戈尼尼特(){
this.loaderRapper.nativeElement.style.with=500;
this.loaderRapper.nativeElement.style.height=500;
}
}

请编辑问题,不要用大写。我认为OP没有使用任何图像。。。
import {
  Component,
  OnInit,
  ViewChild,
  ElementRef,
  ViewEncapsulation
} from '@angular/core';

@Component({
  selector: 'app-loading',
  template: `
    <div #loaderWrapper class="loader-wrapper ">
      <div class="loader is-loading"></div>
    </div>
  `,
  encapsulation: ViewEncapsulation.None
})
export class CustomComponent implements OnInit {
  @ViewChild('loaderWrapper') loaderWrapper: ElementRef;

  ngOnInit() {
    this.loaderWrapper.nativeElement.style.with = 500;
    this.loaderWrapper.nativeElement.style.height = 500;
  }
}