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.
|
|
|
<div class="chatbox" ngDraggable [preventDefaultEvent]="true" [handle]="dragheader">
|
|
|
|
<div class="titlebox">
|
|
|
|
<span class="titlename" #dragheader>
|
|
|
|
历下区A消防救援站群聊(3)
|
|
|
|
</span>
|
|
|
|
<span class="close" nz-icon nzType="close" nzTheme="outline" (click)="close()"></span>
|
|
|
|
</div>
|
|
|
|
<div class="chatcontent" id="chatcontent">
|
|
|
|
<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>
|