reply.html

<div class="main">
    <div class="content" (click)="close()">
        <div class="comment" (click)="stop($event)">
            <ion-row class="comment-item">
                <ion-col col-2>
                    <ng-container *ngIf="comment?.picUrl && comment?.picUrl != ''">
                        <img src="{{picture+comment?.picUrl}}" class="contact-img">
                    </ng-container>
                    <ng-container *ngIf="!comment?.picUrl || comment?.picUrl == ''">
                        <img src="./assets/imgs/man.png" class="contact-img"
                             *ngIf="comment?.userGender =='1'||comment?.userGender==null">
                        <img src="./assets/imgs/woman.png" class="contact-img" *ngIf="comment?.userGender =='0'">
                    </ng-container>
                </ion-col>
                <ion-col col-10 style="padding-bottom: 5px;border-bottom: 1px solid #eeeeee">
                    <p class="comment-info">
                        {{comment?.username}}
                    </p>
                    <p class="commnet-content">
                        {{comment?.content}}
                    </p>
                    <p class="comment-time">
                        {{comment?.createTime | date:'yyyy-MM-dd'}} <span>·</span>
                    </p>
                </ion-col>
            </ion-row>
            <div class="reply-content">
                <ion-row *ngFor="let reply of relpyList">
                    <ion-col offset-2 col-10>
                        <ion-row class="comment-item">
                            <ion-col col-2>
                                <ng-container *ngIf="reply?.picUrl && reply?.picUrl != ''">
                                    <img src="{{picture+reply?.picUrl}}" style="width: 36px;height: 36px;" class="contact-img">
                                </ng-container>
                                <ng-container *ngIf="!reply?.picUrl || reply?.picUrl == ''">
                                    <img src="./assets/imgs/man.png" style="width: 36px;height: 36px;" class="contact-img"
                                         *ngIf="reply?.userGender =='1'||reply?.userGender==null">
                                    <img src="./assets/imgs/woman.png" style="width: 36px;height: 36px;" class="contact-img"
                                         *ngIf="reply?.userGender =='0'">
                                </ng-container>
                            </ion-col>
                            <ion-col col-10>
                                <p class="comment-info">
                                    {{reply?.username}}
                                </p>
                                <p class="commnet-content">
                                    {{reply?.content}}
                                </p>
                                <p class="comment-time">
                                    {{reply?.createTime | date:'yyyy-MM-dd'}} <span>·</span>
                                </p>
                            </ion-col>
                        </ion-row>
                    </ion-col>
                </ion-row>
            </div>
        </div>
        <div class="reply">
        </div>
    </div>
</div>