app-gift/app-angular/src/modules/lesson/attention-detail/attention-detail.component.html

<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button routerLink="/lesson/community" fill="clear" color="dark">
                <ion-icon name="chevron-back-outline" size="small"></ion-icon>返回</ion-button>
        </ion-buttons>
        <ion-buttons slot="end">
            <ion-button fill="clear" color="dark">
                收藏</ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content color="light">
    <ion-card>
        <img alt="角色图" [src]="attention?.get('img')" />
        <ion-card-header>
            <ion-card-title>{{attention?.get('name')}}</ion-card-title>
            <ion-card-subtitle>作者：{{attention?.get('user')?.get('name')||"某某某"}}</ion-card-subtitle>
            <ion-card-subtitle>{{attention?.get('type')||""}}</ion-card-subtitle>
            <ion-card-subtitle>{{attention?.get('createdAt')| date: 'YYYY/MM/dd/HH:mm'||"发布时间"}}</ion-card-subtitle>
        </ion-card-header>
        <ion-card-content>
            {{attention?.get('cueword')||"#hrmai"}}
        </ion-card-content>
    </ion-card>
    <ion-list [inset]="true">
        <ion-item>
            <ion-textarea label="留下你的想法吧" labelPlacement="floating" rows="5" [(ngModel)]="comment">
            </ion-textarea>
        </ion-item>
        <ion-item>
            <ion-buttons slot="end">
                <ion-button color="medium" fill="outline" (click)="addComment()" shape="round">确定</ion-button>
            </ion-buttons>
        </ion-item>
    </ion-list>
    <ion-list [inset]="true">
        <ng-container *ngFor="let comment of comments">
            <ion-item class="comment-list">
                <ion-label>
                    <p class="commentator">用户昵称</p>
                    <ion-note class="comment-content">{{comment}}</ion-note>
                </ion-label>
                <div class="comment-time">
                    <ion-note color="medium">{{currentDate|date: 'HH:mm'}}</ion-note>
                </div>
            </ion-item>
        </ng-container>
        <ion-item class="comment-list">
            <ion-label>
                <p class="commentator">momo</p>
                <ion-note class="comment-content">必须关注起来！ ♥</ion-note>
            </ion-label>
            <div class="comment-time">
                <ion-note color="medium">03:44</ion-note>
            </div>
        </ion-item>
        <ion-item class="comment-list">
            <ion-label>
                <p class="commentator">苏格拉没有底</p>
                <ion-note class="comment-content">古希腊掌管送礼的神出现啦</ion-note>
            </ion-label>
            <div class="comment-time">
                <ion-note color="medium">Yesterday</ion-note>
            </div>
        </ion-item>
        <ion-item class="comment-list">
            <ion-label>
                <p class="commentator">是CC呀</p>
                <ion-note class="comment-content">礼物🎁仪式感满满</ion-note>
            </ion-label>
            <div class="comment-time">
                <ion-note color="medium">Yesterday</ion-note>
            </div>
        </ion-item>
    </ion-list>

</ion-content>