Vue Material Design Textfield下划线未显示

Question

我使用的是Vue的Material Design框架，但是当我向页面添加一个文本字段时，动画可以工作，但下划线不会显示。

我在main.js文件中添加了以下内容：

import 'vue-material/dist/vue-material.min.css'
import {MdField, MdButton} from 'vue-material/dist/components'

Answer 1

那是在里面

导入'vue-material/dist/theme/default.css‘

Answer 2

你是不是缺了什么课？查看他们的文档中的输入，再看看他们给出的例子，下划线是使用伪::after和：：using元素设置的：

# ::before
.md-field.md-theme-demo-light:before {
  background-color: #448aff;
  background-color: var(--md-theme-demo-light-primary,#448aff)
}

# ::after
.md-field.md-theme-demo-light:after {
  background-color: rgba(0,0,0,.42);
}

它看起来像是在用‘md- to demo-light’类设置颜色。