<div class="layout">
  <div class="content">
    <div class="questionTitle">
      <div class="titleName">{{ curPageData?.pageName }}</div>
      <div class="page">1/{{this.totalPage}}</div>
    </div>
    <ul class="option_item" style="margin-top: 8%;">
      <li *ngFor="let options of curPageData?.questions[0]['options']" (click)="selectedFamily(options)">
        <div class="imgBox">
          <img [ngClass]="{ selected: options['selected'] }" src="assets/images/icon{{ options.optionId }}.png"
            alt="{{ options.optionName }}" />
        </div>
        <span>{{ options.optionName }}</span>
      </li>
    </ul>
  </div>
</div>

<div class="content_footer">
  <div (click)="before()">
    上一步
  </div>
  <div class="next" [ngStyle]="{ opacity: nextBtn == false ? '0.8' : '1' }" (click)="next()"> 下一步</div>
  <!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> -->
</div>