Polymer 样式设置不适用于纸张项目
是否有其他人在使用提供的纸质项目元素时遇到任何问题?我试过几次使用它,但是没有应用任何样式 没有任何其他聚合物元素的问题,只有这个家伙。尝试使用文档中列出的示例,但没有成功:Polymer 样式设置不适用于纸张项目,polymer,Polymer,是否有其他人在使用提供的纸质项目元素时遇到任何问题?我试过几次使用它,但是没有应用任何样式 没有任何其他聚合物元素的问题,只有这个家伙。尝试使用文档中列出的示例,但没有成功: <link rel="import" href="../../bower_components/paper-item/paper-item.html"> <div class="holder" role="listbox"> <paper-item> <paper-i
<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>
个人资料照片
更改您的Google+个人资料照片
(650) 555-1234
可移动的
阿方索·恩格尔金
换照片
这件事只有我一个人吗?不确定我是不是有点用错了,或者元素是否有问题
啊,好的,纸质物品主体元素需要与纸质物品分开导入。。。添加后,将应用默认样式我也遇到了同样的问题。我只需导入以下组件就可以将其分类
../bower_components/paper-item/paper-item-body.html"
../bower_components/paper-item/paper-icon-item.html"
../bower_components/iron-icons/iron-icons.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>
主标题
详细信息
按照文档演示的样式。例如辅助文本或使图标出现。链接都导入到元素文件中,但这里显然没有使用。您是否也包括
铁图标
<代码>