Vue材质设计文本字段下划线未显示

Question

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

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li class="fa fa-angle-right cnt-link"><a href="somelink">foobar</a></li>
</ul>

Answer 1

您在某处缺少某些课程吗？在他们的文档中查找输入内容并给出示例，使用伪造的:: after和:: before元素设置下划线：

# ::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-theme-demo-light'类设置颜色。

Answer 2

那是里面

导入“ vue-material / dist / theme / default.css”