更改 vuetify 扩展面板标题中扩展图标的颜色

Question

我正在使用 Vuetify 扩展面板，只想将标题中扩展面板的颜色更改为白色。不幸的是，API 没有任何展开图标颜色的选项，只有标题背景的颜色。关联

<v-expansion-panels>
  <v-expansion-panel>
    <v-expansion-panel-header expand-icon="mdi-menu-down" color="#4527A0">
      <div><b> I am Header </b></div>
    </v-expansion-panel-header>
    <v-expansion-panel-content color="#F1F8E9">
      <div><b> I am Content </b></div>
    </v-expansion-panel-content>
  </v-expansion-panel>
</v-expansion-panels>

Answer 1

我不认为有任何 api 仅用于颜色，但您可以传递自定义图标并从那里更改颜色。下面的示例将具有与默认形状相同的形状，但具有自定义颜色。

<v-expansion-panel-header>
   <template v-slot:actions>
            <v-icon color="primary">
              $expand
            </v-icon>
          </template>
</v-expansion-panel-header>