Skip to content

Commit

Permalink
docs(module:page-header): update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@hsuanxyz
hsuanxyz committed Jan 10, 2019
1 parent 024a94c commit a4fa706
Show file tree
Hide file tree
Showing 6 changed files with 41 additions and 39 deletions.
36 changes: 18 additions & 18 deletions components/page-header/demo/actions.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,66 +4,66 @@ import { Component } from '@angular/core';
selector: 'nz-demo-page-header-actions',
template: `
<nz-page-header nzBackIcon>
<nz-page-header-title>Page Title</nz-page-header-title>
<nz-page-header-subtitle>The Page Subtitle</nz-page-header-subtitle>
<nz-page-header-title>Title</nz-page-header-title>
<nz-page-header-subtitle>This is a subtitle</nz-page-header-subtitle>
<nz-page-header-tags>
<nz-tag [nzColor]="'red'">Warning</nz-tag>
</nz-page-header-tags>
<nz-page-header-extra>
<button nz-button>Action</button>
<button nz-button>Action</button>
<button nz-button nzType="primary">Action</button>
<button nz-button>Operation</button>
<button nz-button>Operation</button>
<button nz-button nzType="primary">Primary</button>
</nz-page-header-extra>
<nz-page-header-content>
<div class="wrap">
<div nz-row class="content padding">
<div nz-col nzSpan="12">
<div class="description">
<span class="term">创建</span>
<p class="detail">曲丽丽</p>
<span class="term">Created</span>
<p class="detail">Lili Qu</p>
</div>
</div>
<div nz-col nzSpan="12">
<div class="description">
<span class="term">关联单据</span>
<span class="term">Association</span>
<a>421421</a>
</div>
</div>
<div nz-col nzSpan="12">
<div class="description">
<span class="term">创建时间</span>
<span class="term">Creation Time</span>
<p class="detail">2017-01-10</p>
</div>
</div>
<div nz-col nzSpan="12">
<div class="description">
<span class="term">生效日期</span>
<span class="term">Effective Time</span>
<p class="detail">2017-01-10</p>
</div>
</div>
<div nz-col nzSpan="12">
<div class="description">
<span class="term">单据备注</span>
<p class="detail">浙江省杭州市西湖区工专路</p>
<span class="term">Remarks</span>
<p class="detail">Gonghu Road, Xihu District, Hangzhou, Zhejiang, China</p>
</div>
</div>
</div>
<div nz-row class="extra-content">
<div nz-col nzSpan="12">
<span class="label">状态</span>
<p class="detail">待审批</p>
<span class="label">Status</span>
<p class="detail">Pending</p>
</div>
<div nz-col nzSpan="12">
<span class="label"> 订单价格</span>
<p class="detail">¥ 568.08</p>
<span class="label"> Price</span>
<p class="detail">$ 568.08</p>
</div>
</div>
</div>
</nz-page-header-content>
<nz-page-header-footer>
<nz-tabset [nzSelectedIndex]="1">
<nz-tab nzTitle="详情"></nz-tab>
<nz-tab nzTitle="规则"></nz-tab>
<nz-tab nzTitle="Details"></nz-tab>
<nz-tab nzTitle="Rule"></nz-tab>
</nz-tabset>
</nz-page-header-footer>
</nz-page-header>
Expand Down
4 changes: 2 additions & 2 deletions components/page-header/demo/basic.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ import { Component } from '@angular/core';
<nz-page-header
(nzBack)="onBack()"
nzBackIcon
nzTitle="Page Title"
nzSubtitle="The Page Subtitle">
nzTitle="Title"
nzSubtitle="This is a subtitle">
</nz-page-header>
`,
styles : [
Expand Down
8 changes: 4 additions & 4 deletions components/page-header/demo/breadcrumb.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@ import { Component } from '@angular/core';
@Component({
selector: 'nz-demo-page-header-breadcrumb',
template: `
<nz-page-header nzBackIcon nzTitle="Page Title">
<nz-page-header nzBackIcon nzTitle="Title">
<nz-breadcrumb nz-page-header-breadcrumb>
<nz-breadcrumb-item>First-level</nz-breadcrumb-item>
<nz-breadcrumb-item>First-level Menu</nz-breadcrumb-item>
<nz-breadcrumb-item>
<a>Second-level</a>
<a>Second-level Menu</a>
</nz-breadcrumb-item>
<nz-breadcrumb-item>Third-level</nz-breadcrumb-item>
<nz-breadcrumb-item>Third-level Menu</nz-breadcrumb-item>
</nz-breadcrumb>
</nz-page-header>
Expand Down
20 changes: 11 additions & 9 deletions components/page-header/demo/content.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,28 +5,30 @@ import { Component } from '@angular/core';
template: `
<nz-page-header nzTitle="Page Title">
<nz-breadcrumb nz-page-header-breadcrumb>
<nz-breadcrumb-item>First-level</nz-breadcrumb-item>
<nz-breadcrumb-item>First-level Menu</nz-breadcrumb-item>
<nz-breadcrumb-item>
<a>Second-level</a>
<a>Second-level Menu</a>
</nz-breadcrumb-item>
<nz-breadcrumb-item>Third-level</nz-breadcrumb-item>
<nz-breadcrumb-item>Third-level Menu</nz-breadcrumb-item>
</nz-breadcrumb>
<nz-page-header-content>
<div class="wrap">
<div class="content">
<div class="content">
<p>Ant Design, a design language for background applications, is refined by Ant UED Team.</p>
<p>We supply a series of design principles, practical patterns and high quality design resources
(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.</p>
<p>Ant Design interprets the color system into two levels: a system-level color system and a product-level
color system.</p>
<p>Ant Design's design team preferred to design with the HSB color model, which makes it easier for
designers to have a clear psychological expectation of color when adjusting colors, as well as
facilitate communication in teams.</p>
<p class="content-link">
<a>
<img src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg" alt="start">Set Up
<img src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg" alt="start">Quick Start
</a>
<a>
<img src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg" alt="info">Information
<img src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg" alt="info">Product Info
</a>
<a>
<img src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg" alt="doc">Document
<img src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg" alt="doc">Product Doc
</a>
</p>
</div>
Expand Down
6 changes: 3 additions & 3 deletions components/page-header/doc/index.en-US.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,9 @@ Use when you need the user to quickly understand what the current page is and wh
### nz-page-header
| Param | Description | Type | Default value |
| ----- | ----------- | ---- | ------------- |
| title | title string | `string`, `TemplateRef<void>` | - |
| subTitle | subTitle string | `string`, `TemplateRef<void>` | - |
| backIcon | custom back icon | `string`, `TemplateRef<void>` | - |
| nzTitle | title string | `string｜TemplateRef<void>` | - |
| nzSubTitle | subTitle string | `string｜TemplateRef<void>` | - |
| nzBackIcon | custom back icon | `string｜TemplateRef<void>` | - |
| nzBack | back icon click event | `EventEmitter<void>` | - |

### Page header sections
Expand Down
6 changes: 3 additions & 3 deletions components/page-header/doc/index.zh-CN.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,9 +21,9 @@ subtitle: 页头
### nz-page-header
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| nzTitle | title 文字 | `string`, `TemplateRef<void>` | - |
| nzSubTitle | subTitle 文字 | `string`, `TemplateRef<void>` | - |
| nzBackIcon | 自定义 back icon | `string`, `TemplateRef<void>` | - |
| nzTitle | title 文字 | `string｜TemplateRef<void>` | - |
| nzSubTitle | subTitle 文字 | `string｜TemplateRef<void>` | - |
| nzBackIcon | 自定义 back icon | `string｜TemplateRef<void>` | - |
| nzBack | 返回按钮的点击事件 | `EventEmitter<void>` | - |

### Page header 组成部分
Expand Down

0 comments on commit a4fa706

Please sign in to comment.