<div class="layout">
  <div class="content">
    <div class="questionTitle">{{ curPageData?.pageName }}</div>
    <ul class="option_item" style="margin-top: 20%;">
      <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 style="color: #8a8a8a;" (click)="before()">&lt;</div>
  <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
