设置全局主体字体大小不起作用

Question

• 堆栈：Nuxt.js + Vuetify.js
• 问题：设置全局主体字体大小不起作用

• 尝试： 在〜/ assets / style / app.styl 中，将正文字体大小设置为40px：

  // Import Vuetify styling                                                                                                                        
  $body-font-size = 40px;                                                                                                                          
  @require '~vuetify/src/stylus/app.styl'                                                                                            
  

• 输出：无效：

• 注意：@body-font-weight

也会发生相同的情况

• 问题：为什么会发生这种情况以及如何克服？

• 链接复制：here

Answer 1

这是因为您正在使用vuetify loader插件。因此，您更改的变量应放入变量文件，而不是app.styl

所以您的assets/style/variables.styl应该如下所示：

$font-size-root = 40px;                                                                                                                          
@require '~vuetify/src/stylus/settings/_variables.styl'