<div class="layout">
  <div class="content">
    <div class="questionTitle">{{ this.curPageData['pageName'] }}</div>
    <ul class="ageContent">
      <li *ngFor="let optionsList of this.curPageData['questions']; index as i">
        <div>{{ optionsList.questionName }}</div>
        <b (click)="showToast(optionsList, i)" style="width:35%;text-align: center;float: right">
          <span style="width:20%;text-align: center;">{{ optionsList.name }}</span
          >
          <span style="width:10%;text-align: center;float: right">&gt;</span>
        </b>
      </li>
    </ul>
  </div>
  <!-- <div class="addChild" *ngIf="isShowChildAgeBtn" (click)="addChild()">
    <div class="icon">+</div>
    <div data-toggle="modal">增加孩子年龄</div>
  </div> -->
  <div class="toastWrapper toast" *ngIf="isShow"  (click)="closeToast()">
    
  </div>
</div>
<div class="toastContent" *ngIf="isShow">
  <ul>
    <li
      [ngClass]="{ selected: this.curQuestionSelecte ===  options.optionName}"
      *ngFor="let options of curQues.options"
      (click)="
        closeToast();
        getAnswer(options);
        changeStyle(options, options.optionId)
      "
    >
      {{ options.optionName }}
    </li>
  </ul>
</div>
