bixi
Version:
企业级中后台前端解决方案
33 lines (32 loc) • 1.45 kB
HTML
<nz-affix [nzOffsetTop]="16" class="toc-affix" *ngIf="data.con.toc?.length">
<ul class="toc">
<li *ngFor="let t of data.con.toc" class="depth-{{ t.h }}">
<a id="toc-{{ t.id }}" title="{{ t.title }}" (click)="goTo($event, t)"
[ngClass]="{ 'current-toc': currentTocId === t.id }">{{ t.title }}</a>
</li>
</ul>
</nz-affix>
<!-- <nz-alert *ngIf="!meta.item.i18n" [nzType]="'warning'" [nzCloseable]="'true'" nzBanner
[nzMessage]="message" class="my-md">
<ng-template #message>
This article has not been translated, hope that your can PR to translated it.
<a href="//git.datagrand.com/frontend_utils/bixi/issues/74" target="_blank"> Help us!</a>
</ng-template>
</nz-alert> -->
<section>
<h1 class="api-title">
{{ meta.item.title }}
<span *ngIf="meta.item.subtitle" class="subtitle">{{ meta.item.subtitle }}</span>
<!-- <edit-button [item]="item"></edit-button> -->
</h1>
<div *ngIf="data.con.content" class="markdown" [innerHTML]="data.con.content" routeTransfer></div>
<div *ngIf="data.con.module" class="highlight">
<pre class="hljs language-ts" [innerHTML]="data.con.module"></pre>
</div>
<ng-container *ngIf="data.demo">
<h2 id="{{ demoStr }}" style="margin: 32px 0 24px 0;" [innerHTML]="demoContent"></h2>
<ng-content></ng-content>
</ng-container>
<div *ngIf="data.con.api" class="markdown api-container" [innerHTML]="data.con.api" routeTransfer>
</div>
</section>