Wie ändere ich die Schriftgröße in vuetify Komponente

Question

Ich benutze V-Text-Feld und V-Select, mit Vue-Loader.
Ich habe versucht, die Schriftgröße zu ändern, aber ich konnte nicht. Wie ändere ich die Schriftgröße?

Mein Code gefällt mir.

<template lang="pug"> 
p label-1 
v-text-field(...) 

p label-1 
v-text-field(...) 
</template> 

<stylelang="sass"> 
.input-group .input-group__input 
    font-size: 12px !important 
</style> 

<stylelang="sass"scoped> 
.p 
    font-size: 12px 
</style> 

developer tool screenshot

Answer 1

das font-family auf Körper ein. Wenn Sie den Vuetify-Stifteintrag importieren, überschreibt main.styl die Variable $ font-family.

Answer 2

oder Sie können eine Div-Klasse erstellen und darauf hinweisen.

<style lang="stylus" scoped> 
    .element 
    color white  
    padding 0 
    margin 0 
    font-size 150% 
</style> 

.element 
     | 一共 : {{ sum("quantity") }} ，....