造型不适用于纸品

Question

有没有其他人在使用提供的paper-item元素时遇到任何问题？我曾尝试多次使用它，但没有使用样式。

Haven对任何其他聚合物元素都没有任何麻烦，只有这个人。尝试使用与文档中列出的完全相同的示例，但没有运气：

<link rel="import" href="../../bower_components/paper-item/paper-item.html">

<div class="holder" role="listbox">
  <paper-item>
    <paper-item-body two-line>
      <div>Profile Photo</div>
      <div secondary>Change your Google+ profile photo</div>
    </paper-item-body>
  </paper-item>
  <paper-icon-item>
    <iron-icon icon="communication:phone" item-icon>
    </iron-icon>
    <paper-item-body two-line>
      <div>(650) 555-1234</div>
      <div secondary>Mobile</div>
    </paper-item-body>
  </paper-icon-item>
  <paper-icon-item>
    <div class="avatar blue" item-icon></div>
    <paper-item-body two-line>
      <div>Alphonso Engelking</div>
      <div secondary>Change photo</div>
    </paper-item-body>
  </paper-icon-item>
</div>

我一个人在这吗？不确定我是否错误地使用它，或者元素是否存在问题。

啊好吧，paper-item-body元素需要与paper-item分开导入...一旦添加，就会应用默认样式

Answer 1

我遇到了同样的问题。我只需导入以下组件就可以对其进行排序。

Imports System.Xml.Linq

Private Sub createXml()

    Dim xDoc As New XDocument()

    xDoc.Declaration = New XDeclaration("1.0", "utf-8", "yes")

    xDoc.Add(<Root attr="x">
                <SomeElement>Some Value</SomeElement>
            </Root>)

    xDoc.Save("c:\somefolder\myfile.xml")

End Sub

Answer 2

您需要添加<link rel="import" href="/bower_components/paper-item/paper-item-body.html">

然后使用下面的示例进行样式

paper-item.danger{
   background-color: crimson;
   border: solid thin transparent;
   border-radius: 3px;
}
paper-item-body{
   color: #fff;
   padding: 20px 0px;
   --paper-item-body-secondary:{
       color: #fff;
       padding:0px 20px;
       white-space: normal; //Otherwise text beyond paper-item will get hidden
    };
 } 

使用以下代码，您将获得如图所示的输出。

<paper-item class="danger">
   <paper-item-body two-line>
       <div>Main Heading</div>
       <div secondary>Detailed Message
       </div>
    </paper-item-body>
 </paper-item>