Снимите флажок Vuetify v-checkbox значки, не применяя правильный класс для Font Awesome 4 - PullRequest
Новая
       44

Снимите флажок Vuetify v-checkbox значки, не применяя правильный класс для Font Awesome 4

0 голосов
/ 08 ноября 2019

Для контекста я создаю проект с использованием Vue 2.6.6, Vuetify 2.1.7 и Font Awesome 4.7.

Когда я использую компонент v-checkbox иликомпонент, который использует компонент v-checkbox, такой как компонент <v-combobox>, полученный флажок будет иметь правильную отмеченную иконку, но неправильную непроверенную иконку. Класс, примененный к отмеченному значку, будет fa fa fa fa-check-square (не уверен, что случилось с 3 отдельными fa классами, но что угодно), а непроверенный значок будет far fa-square.

Я могуобойти эту проблему, установив свойство off-icon="fa fa-square-o" для моих <v-checkbox> компонентов. Тем не менее, <v-combobox> не поддерживает это свойство, а также выглядит как хак, поэтому я бы не хотел идти по этому пути.

Мой файл импорта выглядит примерно как следующий фрагмент. Я исключил несвязанные объявления темы. 

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'fa4'
  },
  theme: {
    options: {
      customProperties: true
    }
  }
})

Насколько я понимаю, все значки автоматической генерации должны использовать fa вместо far в своих классах, так как я устанавливаю свойство icons.iconfontдо 'fa4'. Надеюсь, я упускаю что-то очевидное, но любой вклад приветствуется!

...