import { Component, OnInit } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd/message';

@Component({
  selector: 'app-layer1new',
  templateUrl: './layer1new.component.html',
  styleUrls: ['./layer1new.component.scss']
})
export class Layer1newComponent implements OnInit {

  constructor(
    private message: NzMessageService
  ) { }

  languages = ['html', 'typescript', 'scss']
  scssCode: string = ""; htmlCode: string = ""; typeScriptCode: string = "";
  lineNumbers: boolean = true;

  ngOnInit() {
    this.htmlCode = `<nz-layout class="layout"></nz-layout>`
    this.scssCode = `@import "src/styles.scss";
nz-layout {
  background: $body-background;
}

.layout {
  width: 100%;
  height: 100%;
}`
    this.typeScriptCode = `import { Component, OnInit } from '@angular/core';
import { NgZorroAntdModule } from 'ng-zorro-antd';
import { HighlightResult } from 'ngx-highlightjs';`
  }

  copied($event) {
    if ($event.isSuccess) {
      this.message.success('复制成功')
    }
  }
}