Question

我正在尝试使用md-list

<md-list-item class="md-2-line">
        <md-icon md-svg-icon="communication:phone"></md-icon>
        <div class="md-list-item-text">
          <h3>Title</h3>
          <p>Text</p>
        </div>
      </md-list-item>

但我只获得普通字体，当我在我的代码中搜索所有这些类时，我找不到它们（例如md-2-line无处可见）。

我做了一个凉亭安装角度材料，所以我假设在组件 - ＆gt; list-＆gt; js-＆gt; list.css我应该看到这些类就像在github上的scss一样。

我错过了什么？感谢

Answer 1

也许您从实际示例中获取代码，但我认为它们与0.9.0-RC2版本有关。当您从凉亭安装时，您将获得0.8.3作为最新版本。在0.9.0-rc1和0.9.0-rc2的更改日志中，您可以看到md-list指令中的一些重大更改。

我没有自己测试，但希望它有助于解决您的问题，尝试将以下类添加到您的样式中：

md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 16px 0;
    text-overflow: ellipsis; }
    md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
      margin-left: 56px; }
    md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
      margin: 0 0 6px 0;
      line-height: 0.75em; }
    md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
      font-weight: 400;
      margin: 10px 0 5px 0;
      line-height: 0.75em; }
    md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
      margin: 0 0 0px 0;
      line-height: 1.6em; }

md-list-item.md-2-line > .md-avatar:first-child, md-list-item.md-2-line > .md-no-style > .md-avatar:first-child {
  margin-top: 12px; }
md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }
md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 19px; }

Answer 2

md-list-item的css类md-2-line md-3-line属于0.9.0 -ver。在我更新最新的版本后，我也遇到了类似的问题 - evrything按预期工作。

角度材料 - 缺少类（例如：md-2-line）

2 个答案: