应用vue-material主题样式

时间:2018-01-27 22:20:44

标签: vue.js sass vue-material

我尝试将vue-material样式应用于活动菜单选项;以下效果很好:

<style lang="scss" scoped>
@import '~vue-material/dist/theme/engine.scss';

.md-list {
  .md-selected,
  .router-link-active{
    .md-list-item-text {
      color: md-get-palette-color(blue, A200)
    }
  }
}
</style>

我试图让下面的内容工作,因为它会考虑选定的主题颜色,但不会导致任何明显的变化:

<style lang="scss" scoped>
@import '~vue-material/dist/theme/engine.scss';

.md-list {
  .md-selected,
  .router-link-active{
    .md-list-item-text {
      @include md-theme-component() {
        color: md-theme(primary);
      }
    }
  }
}
</style>

它不会导致任何错误,但似乎根本不起作用 - 任何想法我可能做错了什么?谢谢!

0 个答案:

没有答案