javascript - 设置全局正文字体大小不起作用

Question

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

• 尝试: 在 ~/assets/style/app.styl 中，我将 body 字体大小设置为 40px:

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

• 输出:不生效:

• 注意:同样的事情发生在 @body-font-weight

• 问题:为什么会出现这种情况，如何克服？

• 复制链接:here

Answer 1

这是因为您正在使用 vuetify 加载程序插件。所以你改变的变量应该进入变量文件，而不是进入 app.styl

所以你的 assets/style/variables.styl 应该是这样的:

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