Vuetify記事少なさすぎ問題
とりあえず、vuetifyでraring(評価)のアイコンの規定が星のアイコンになってたので、
丸に変更したかったが、記事全然ない。
もちろん公式もない
...ファイルを検索してなんとか見つけた。
js/app.js
に定義されてたので、これを変更して完了。
/app.js
//'ratingEmpty': 'star_border',
//'ratingFull': 'star',
//'ratingHalf': 'star_half',
//↓に変更すると丸になる
'ratingEmpty': 'lens',
'ratingFull': 'lens',
'ratingHalf': 'lens',
と、思ったらまたアイコンが戻る!!!
どうやらresources/app.js
で規定アイコンを変更するみたいです。
app.js
Vue.use(Vuetify, {
icons: {
'ratingEmpty': 'lens',
'ratingFull': 'lens',
'ratingHalf': 'lens'
}
});
これで本当に完了!
この場合は半分の時も丸アイコンになるので注意。
他のアイコンにしたければこちらからどうぞ