appraise.component.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <ion-modal
  2. #modal
  3. trigger="open-modal"
  4. [isOpen]="liveService.isOpenEvaluate"
  5. (didDismiss)="liveService.isOpenEvaluate = false"
  6. [backdropDismiss]="false"
  7. >
  8. <ng-template>
  9. <div class="modal-content">
  10. <div class="title">评价</div>
  11. <ion-segment
  12. [scrollable]="true"
  13. (ionChange)="segmentChanged($event)"
  14. layout="icon-bottom"
  15. value="positiveTags"
  16. mode="md"
  17. >
  18. <ion-segment-button
  19. value="positiveTags"
  20. class="tabs"
  21. content-id="positiveTags"
  22. >
  23. <ion-label>喜欢</ion-label>
  24. </ion-segment-button>
  25. <ion-segment-button
  26. value="negativeTags"
  27. class="tabs"
  28. content-id="negativeTags"
  29. >
  30. <ion-label>无感</ion-label>
  31. </ion-segment-button>
  32. </ion-segment>
  33. <div class="list">
  34. @for (tag of list; track $index) {
  35. <span
  36. (click)="onCheck(tag)"
  37. [ngClass]="{
  38. 'action': checkTags.has(tag),
  39. }"
  40. >{{ tag }}</span
  41. >
  42. }
  43. </div>
  44. </div>
  45. <ion-toolbar>
  46. <ion-buttons slot="start">
  47. <ion-button (click)="liveService.isOpenEvaluate = false"
  48. >取消</ion-button
  49. >
  50. </ion-buttons>
  51. <ion-buttons slot="end">
  52. <ion-button (click)="confirm()">确认</ion-button>
  53. </ion-buttons>
  54. </ion-toolbar>
  55. </ng-template>
  56. </ion-modal>