import { Component, OnInit, Input, OnDestroy, Output, EventEmitter } from '@angular/core';

@Component({
    selector: 'cm-alert-doc',
    templateUrl: './alert-doc.component.html',
    styleUrls: ['./alert-doc.component.css']
})
	
	
export class AlertDocComponent implements OnInit, OnDestroy {
	
		apiPath = './docs/components/alert-doc/alert.api.json';
	
	doc_1 = {
        title: "基本",
        intro: `最简单的用法。`,
        htmlPath: './docs/components/alert-doc/alert-doc-1/alert-doc-1.component.html',
        tsPath: './docs/components/alert-doc/alert-doc-1/alert-doc-1.component.ts'
    }

	 doc_2 = {
        title: "四种样式",
        intro: `共有四种样式 success、info、warning、error`,
        htmlPath: './docs/components/alert-doc/alert-doc-2/alert-doc-2.component.html',
        tsPath: './docs/components/alert-doc/alert-doc-2/alert-doc-2.component.ts'
    }

    doc_3 = {
        title: "可关闭的警告提示",
        intro: `显示关闭按钮，点击可关闭警告提示。`,
        htmlPath: './docs/components/alert-doc/alert-doc-3/alert-doc-3.component.html',
        tsPath: './docs/components/alert-doc/alert-doc-3/alert-doc-3.component.ts'
    }

    doc_4 = {
        title: "含有辅助性文字介绍",
        intro: `含有辅助性文字介绍的警告提示。`,
        htmlPath: './docs/components/alert-doc/alert-doc-4/alert-doc-4.component.html',
        tsPath: './docs/components/alert-doc/alert-doc-4/alert-doc-4.component.ts'
    }

    doc_5 = {
        title: "图标",
        intro: `可口的图标让信息类型更加醒目。`,
        htmlPath: './docs/components/alert-doc/alert-doc-5/alert-doc-5.component.html',
        tsPath: './docs/components/alert-doc/alert-doc-5/alert-doc-5.component.ts'
    }

    doc_6 = {
        title: "自定义关闭",
        intro: `可以自定义关闭，自定义的文字会替换原先的关闭 Icon`,
        htmlPath: './docs/components/alert-doc/alert-doc-6/alert-doc-6.component.html',
        tsPath: './docs/components/alert-doc/alert-doc-6/alert-doc-6.component.ts'
    }


    constructor() {
    }

    ngOnInit() {

    }
    ngOnDestroy() {

    }

}