Actualizacion de acordeon en FAQ

This commit is contained in:
Alextorres325
2026-01-27 16:14:16 -06:00
parent e7ad9e1d26
commit 676501e7f2
8 changed files with 61 additions and 93 deletions

View File

@@ -9,33 +9,60 @@
<ion-content>
<h2 padding text-capitalize style="padding-bottom: 0.25em">{{'faq.header' | translate}}</h2>
<ion-list>
<app-accordion title="{{'faq.faq_1' | translate}}®?">
{{'faq.faq_1.1' | translate}}
</app-accordion>
<app-accordion title="{{'faq.faq_2' | translate}}">
{{'faq.faq_2.1' | translate}}®.
</app-accordion>
<app-accordion title="{{'faq.faq_3' | translate}}">
{{'faq.faq_3.1' | translate}}
</app-accordion>
<app-accordion title="{{'faq.faq_4' | translate}}">
{{'faq.faq_4.1' | translate}}
</app-accordion>
<app-accordion title="{{'faq.faq_5' | translate}}">
{{'faq.faq_5.1' | translate}}
</app-accordion>
<app-accordion title="{{'faq.faq_6' | translate}}">
{{'faq.faq_6.1' | translate}}
</app-accordion>
<app-accordion title="{{'faq.faq_7' | translate}}">
{{'faq.faq_7.1' | translate}}
</app-accordion>
<app-accordion title="{{'faq.faq_8' | translate}}">
{{'faq.faq_8.1' | translate}}
</app-accordion>
<app-accordion title="{{'faq.faq_9' | translate}}">
{{'faq.faq_9.1' | translate}}
</app-accordion>
</ion-list>
<ion-accordion-group [multiple]="true" [value]="['first', 'third']">
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_1' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_1.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_2' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_2.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_3' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_3.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_4' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_4.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_5' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_5.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_6' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_6.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_7' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_7.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_8' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_8.1' | translate}}</div>
</ion-accordion>
<ion-accordion>
<ion-item slot="header" color="light">
<ion-label>{{'faq.faq_9' | translate}}®</ion-label>
</ion-item>
<div class="ion-padding" slot="content">{{'faq.faq_9.1' | translate}}</div>
</ion-accordion>
</ion-accordion-group>
</ion-content>