不能在 nuxt.js 项目中使用 vuetify 变量

【问题标题】：Can't use vuetify variables in nuxt.js project不能在 nuxt.js 项目中使用 vuetify 变量
【发布时间】：2019-10-23 21:26:14
【问题描述】：

尝试使用 Vuetify 中的变量$display-breakpoints stylus 创建新的组件样式（如answer 中所述），但它似乎不起作用。

<style lang="stylus">
.submit-container
  @media $display-breakpoints.sm-and-up
    font-size 5em
</style>

我收到以下错误：

$display-breakpoints has no property .sm-and-up

【问题讨论】：

标签： vue.js vuetify.js nuxt.js

【解决方案1】：

我需要导入变量stylus文件：

<style lang="stylus">
@import '../../assets/style/variables.styl'
.submit-container
  @media $display-breakpoints.sm-and-up
    color #ef4655;
</style>

【讨论】：