stuff-detail.html

<ion-header>
    <ion-navbar>
        <ion-title></ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <div class="stuff">
        <div class="stuff-container">
            <div class="stuff-title">
                {{stuffObj?.title}}
            </div>
            <div class="stuff-info">
                <span class="info-publisher">{{stuffObj?.source}}</span>
                <span class="info-time">{{stuffObj?.publishTime | date:'yyyy-MM-dd'}}</span>
            </div>
            <div class="stuff-content">
                <p [innerHTML]="stuffObj?.content"></p>
            </div>
            <div class="stuff-attachments">
                <ng-container *ngFor="let item of attachments">
                    <div *ngIf="item.resourceType == 3">
                        <video width="100%" height="100%" (canplay)="loadVideo($event)"  (play)="clickVideo($event)" controls="controls" preload="metadata">
                            <source [src]="url + item.path+ '#t=0.1' " type="video/mp4">
                            您的浏览器不支持 html5。
                        </video>
                    </div>
                </ng-container>
            </div>
        </div>
        <div class="stuff-comment">
            <p class="comment-title">评论</p>
            <div *ngFor="let comment of stuffObj?.commentInfos" class="comment-item">
                <ion-row>
                    <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="border-bottom: 1px solid #eee;">
                        <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>
                            <span class="repear" (click)="openMask(comment)">回复</span>
                            <span *ngIf="comment.replyNum > 0" class="repear"
                                  (click)="commentSearch(comment)">查看回复({{comment.replyNum}})</span>
                        </p>
                    </ion-col>
                </ion-row>
            </div>
        </div>
    </div>
</ion-content>
<div *ngIf="footerView" class="stuff-footer">
    <ion-row>
        <ion-col col-6>
            <div class="input" (click)="openComment()">欢迎发表你的观点</div>
        </ion-col>
        <ion-col col-2>
            <ion-icon name="chatboxes"></ion-icon>
            <span class="tip-num">{{countObj?.commentCount}}</span>
        </ion-col>
        <ion-col col-2 (click)="collectionHandle()">
            <ion-icon #collection [ngClass]="countObj?.collection == true?'main-color':''" name="heart"></ion-icon>
            <span class="tip-num">{{countObj?.collectionCount}}</span>
        </ion-col>
        <ion-col col-2 (click)="likeHandle()">
            <ion-icon #like [ngClass]="countObj?.like == true?'main-color':''" name="thumbs-up"></ion-icon>
            <span class="tip-num">{{countObj?.likeCount}}</span>
        </ion-col>
    </ion-row>
</div>

<div class="error-text" *ngIf="reply">
    <div class="error-flex">
        <div class="padding-10">
            <textarea [(ngModel)]="replyContent" class="content-textarea" placeholder="{{replyText}}"></textarea>
        </div>
        <div class="error-footer">
            <ion-row>
                <ion-col col-6>
                    <button (click)="replyHandle()" class="sure">发布</button>
                </ion-col>
                <ion-col col-6>
                    <button (click)="cancel()" class="cancel">取消</button>
                </ion-col>
            </ion-row>
        </div>
    </div>
</div>