Стилизация vuetify компонент v-extension-panel__header - PullRequest
Новая
       12

Стилизация vuetify компонент v-extension-panel__header

0 голосов
/ 03 марта 2019

У меня есть компонент Vuejs с Vuetify и pug. 

.moreQuestion__wrapper
        v-expansion-panel.moreQuestion__wrapper-panel
            v-expansion-panel-content(v-for="(question, i) in 
            questions" :key="i" expand-icon="arrow_drop_down")
                <template v-slot:header>
                  .moreQuestion__wrapper-slot {{ question }}
                </template>
                v-card
                    v-card-text.moreQuestion__wrapper-text {{ content }}

В чем основная проблема - я должен переопределить padding-right для v-extension-panel__header.

enter image description here

В чем основная проблема - я должен переопределить padding-right для v-extension-panel__header.Я пытался добавить разные классы, но это не имело никакого эффекта.Я знаю, что слот не является настоящим компонентом DOM, но как изменить стили для v-extension-panel__header?

1 Ответ

0 голосов
/ 18 марта 2019

Будьте осторожны с областями видимости, если вы используете такие фреймворки, как Bootstrap или другие.Если вы выбрали, ваши стили не переопределяли классы из фреймворка.просто удалите scoped из стиля, и это будет работать.

...