如何轻松地将扩展面板 header 中的图标移动到 Vuetify 的右侧？

Question

使用此示例中的模板：https://vuetifyjs.com/en/components/expansion-panels/#usage
我得到 header 图标贴在标题上
“浮动：正确；”，没有帮助
有人遇到过这个吗？
screenshot

Answer 1

我认为以错误的方式启用 RTL 模式会导致此问题。将此代码添加到您的 CSS:

.v-expansion-panel-header__icon {
    margin-left: auto;
}