如何在Ionic 5中设置手风琴组的风格？

问题描述

我已经成功地在Ionic 5中创建了一个手风琴，并且在功能上有效。另外，我能够为每个项目中的元素设置样式（例如class =“ smalltext”），但是我无法对标题（即手风琴组）应用任何样式（请参见图片）。理想情况下，我想对“提货”和“交付”项目应用不同的颜色。这是我的代码的相关部分：

  <accordion *ngIf = "CurUser.Status == 'Verified'" [isAnimated]="true" [cloSEOthers]="true">
      <accordion-group *ngFor="let task of tasks" heading="{{ task.Type }}: {{ task.TrackingID }}">
      <ion-list>
        <ion-item *ngIf = "task.Type === 'Pickup'; then Pickup else Deliver" lines="none"></ion-item>
        <ng-template #Pickup>
          <ion-text>Pickup from: {{ task.PickupName }} by {{task.ETA }}</ion-text>
          <br>
          <ion-text color="primary" class="smalltext">{{ task.PickupAddressLine1 }} {{ task.PickupAddressLine2 }} {{ task.PickupPostalCode}}</ion-text>
          <ion-item detail>
 <!-- etc... -->
        </ng-template>
        <ng-template #Deliver>
          <ion-text>Deliver to: {{ task.ConsigneeName }} by {{task.ETA}}</ion-text>
<!-- etc... -->
      </ng-template>
    </accordion-group>
  </accordion>

我要设置样式为 heading =“ {{task.Type}}：{{task.TrackingID}}” 。我尝试向其添加一个类并在相应的CSS文件中指定颜色，但是它对那些标签有如此大的影响。实际上，它确实会影响项目内部的内容，例如“ ion-text”标签，因此它会以某种方式级联而不会影响顶级实体。

我正在使用Angular 9 / Ionic 5和以下版本来导入手风琴：

import { AccordionModule } from 'ngx-bootstrap/accordion';

预先感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

accordion angular angular ionic-framework