ohayolibs
Version:
Ohayo is a set of essential modules for ohayojp.
23 lines (19 loc) • 794 B
Markdown
---
order: 0
title: Structure
---
结构包含 `处理结果`，`补充信息` 以及 `操作建议` 三个部分，其中 `处理结果` 由 `提示图标`，`标题` 和 `结果描述` 组成。
```ts
import { Component } from '@angular/core';
@Component({
selector: 'app-demo',
template: `
<result type="success" [title]="title" [description]="description" extra="其他补充信息，自带灰底效果">
<ng-template #title><div style="background:#7dbcea; color: #fff;">标题</div></ng-template>
<ng-template #description><div style="background:rgba(16, 142, 233, 1); color: #fff;">结果描述</div></ng-template>
<div style="background: #3ba0e9; color:#fff">操作建议，一般放置按钮组</div>
</result>
`,
})
export class DemoComponent {}
```