You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.0 KiB
27 lines
1.0 KiB
<div class="chatbox" ngDraggable [preventDefaultEvent]="true" [handle]="dragheader"> |
|
<div class="titlebox"> |
|
<div class="titlename" #dragheader [title]="chatName"> |
|
{{chatName}} |
|
</div> |
|
<span class="close" nz-icon nzType="close" nzTheme="outline" (click)="close()"></span> |
|
</div> |
|
<div class="chatcontent" id="chatcontent"> |
|
<div class="spin" *ngIf="isLoading"> |
|
<nz-spin nzSimple></nz-spin> |
|
</div> |
|
<div class="chatitem" *ngFor="let item of MessagesList" [ngClass]="{'chatitemMe': item.senderId == userId}"> |
|
<div class="name"> |
|
{{item.senderName}} |
|
</div> |
|
<div class="chatmessage"> |
|
{{item.message}} |
|
</div> |
|
</div> |
|
</div> |
|
<div class="inputarea"> |
|
<textarea rows="4" nz-input [nzBorderless]="true" [(ngModel)]="text"></textarea> |
|
</div> |
|
<div class="btnbox"> |
|
<button nz-button nzType="primary" (click)="send()">发送</button> |
|
</div> |
|
</div> |