<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)" style="width:35%;text-align: center;float: right">
          <span style="width:20%;text-align: center;">{{ optionsList.optionName}}</span>
          <span style="width:10%;text-align: center;float: right">&gt;</span>
        </b>
      </li>
    </ul>
    <div class="addChild" (click)="addChild()" *ngIf="!(type==1||type==2)"
      [ngClass]="{'disabled':totalChildLimitCount<=0}">
      <div class="icon">+</div>
      <div data-toggle="modal">增加孩子年龄</div>
    </div>
  </div>

</div>
<div class="content_footer">
  <div style="color: #8a8a8a;" (click)="before()">&lt;</div>
  <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">

</div>
<div class="toastContent" *ngIf="isShow">
  <ul>
    <li *ngFor="let options of curQues.options" [ngClass]="{ selected: options['selected']}"
      (click)="selectedAge(options);">
      {{ options.optionName }}
    </li>
  </ul>
  <!--<div>{{curQues|json}}</div>-->
</div>