当我的自定义元素在core-animated-pages中时,我有一个core-list元素的渲染问题(没有渲染)
这是一个jsfiddle工作时(灰色列表)==> album-grid outside core-animated-pages http://jsfiddle.net/flagadajones/yq30u78d/
这里是一个jsfiddle当id不起作用(没有灰名单)==> album-grid inside core-animated-pages http://jsfiddle.net/flagadajones/m87sd0x3/2//
你能帮我谢谢吗
这是我的代码:
<script src="https://www.polymer-project.org/components/webcomponentsjs/webcomponents.js">
</script>
<link href="https://www.polymer-project.org/components/core-drawer-panel/core-drawer-panel.html" rel="import">
<link href="https://www.polymer-project.org/components/core-icons/core-icons.html" rel="import">
<link href="https://www.polymer-project.org/components/core-icon-button/core-icon-button.html" rel="import">
<link href="https://www.polymer-project.org/components/core-animated-pages/core-animated-pages.html" rel="import">
<link href="https://www.polymer-project.org/components/core-toolbar/core-toolbar.html" rel="import">
<link href="https://www.polymer-project.org/components/core-list/core-list.html" rel="import" >
<style>
html, body {
margin: 0;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
remote-app{
display: block;
height: 100%;
margin: 0 auto;
}
</style>
</head>
<body fit>
<remote-app ></remote-app>
<polymer-element name="album-detail" attributes="album" layout vertical>
<template>
<style>
#details {
width: 740px;
margin: auto;
height: 100%;
box-shadow: 0 27px 24px …我通过这些陈述进口聚合物:
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.4.2/platform.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.4.2/polymer.js"></script>
如何导入例如core-input或paper-input？
是否有一个简单的CSS样式条目,比如说,核心图标按钮的大小减半？
我用这些替换字体真棒图标,目前图标大小比文本大得多,所以我正在寻找一种方法来缩小它.
<div horizontal layout>
<core-icon-button icon="add-circle"></core-icon-button>
<div horizontal layout center>Expand Entries</div>
</div>
理想情况下,我想缩小图标按钮内的图标并减少填充.
core-icons包含不同的图标集
如何使用它们并不明显.
从聚合物连接核心元素和纸元素的最佳方法是什么？作为一个大文件？两个单独的(核心和纸)？一个较小的师(5 +或10 +或20 +)？
我试图减少网络应用程序的每个网页的导入数量,并且无法决定如何组织聚合物网络组件导入.有什么建议？/使用硫化的最佳方法？