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

@Component({
    selector: 'cm-tabs-doc',
    templateUrl: './tabs-doc.component.html',
    styleUrls: ['./tabs-doc.component.css']
})
export class TabsDocComponent {
    apiPath = './docs/components/tabs-doc/tabs.api.json';

    doc_1 = {
        title: "基本",
        intro: `最简单的用法。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-1/tabs-doc-1.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-1/tabs-doc-1.component.ts'
    }

    doc_2 = {
        title: "禁用",
        intro: `禁用某一项。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-2/tabs-doc-2.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-2/tabs-doc-2.component.ts'
    }

    doc_3 = {
        title: "图标",
        intro: `有图标的标签。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-3/tabs-doc-3.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-3/tabs-doc-3.component.ts'
    }

    doc_4 = {
        title: "滑动",
        intro: `可以左右、上下滑动，容纳更多标签。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-4/tabs-doc-4.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-4/tabs-doc-4.component.ts'
    }

    doc_5 = {
        title: "附加内容",
        intro: `可以在页签右边添加附加操作。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-5/tabs-doc-5.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-5/tabs-doc-5.component.ts'
    }

    doc_6 = {
        title: "迷你型",
        intro: `用在弹出框等较狭窄的容器内。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-6/tabs-doc-6.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-6/tabs-doc-6.component.ts'
    }

    doc_7 = {
        title: "Tab位置",
        intro: `改变Tab位置。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-7/tabs-doc-7.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-7/tabs-doc-7.component.ts'
    }

    doc_8 = {
        title: "卡片式页签",
        intro: `另一种样式的页签，不提供对应的垂直样式。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-8/tabs-doc-8.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-8/tabs-doc-8.component.ts'
    }

    doc_9 = {
        title: "新增和关闭页签",
        intro: `只有卡片样式的页签支持新增和关闭选项。`,
        htmlPath: './docs/components/tabs-doc/tabs-doc-9/tabs-doc-9.component.html',
        tsPath: './docs/components/tabs-doc/tabs-doc-9/tabs-doc-9.component.ts'
    }
}