<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" 
   (click)="addChild()">
    <div class="icon">+</div>
    <div data-toggle="modal">增加孩子年龄</div>
  </div>
  <div class="content_footer">
    <div style="color: #8a8a8a;">&lt;</div>
   <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"> 下一步 </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();
      "
    >
      {{ options.optionName }}
    </li>
  </ul>
</div>
