角材料 - 缺少類（例如：MD-2線）

-1

<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無處可見）。

我做了一個涼亭安裝角材料，所以我假設在components-> list-> js-> list.css中，我應該看到這些類像在github上的scss。

我錯過了什麼？謝謝

來源

2015-04-22 Matthieu

也許你從實際的例子中得到的代碼，但我認爲他們是關於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; }

來源

2015-04-23 12:22:30 Daniele

md-list-item的CSS類md-2-linemd-3-line屬於0.9.0 - 版本。起初我也有類似的問題後，我更新最新 - 如evrything按預期工作。

來源

2015-04-23 16:12:33 Shaxrillo

角材料 - 缺少類（例如：MD-2線）

回答

相關問題