个人中心
gpt4 book ai didi

polymer 纸标签无法正确呈现

转载 作者：行者123 更新时间：2023-12-02 03:34:24 25 4
gpt4 key购买 nike

我刚刚开始学习 Polymer 并且一直在关注这个网站上的教程:polymer-project.org

我在核心标题面板上放置纸质标签的部分。按照教程，我无法完全渲染纸质标签。但是，如果我删除 core-header-panel 和 core-toolbar 标签，我就能够呈现它们。

这是不呈现标签的代码:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="bower_components/platform/platform.js" ></script>
    <link rel="import" href="bower_components/polymer/polymer.html">
    <link rel="import" href="bower_components/font-roboto/roboto.html">
    <link rel="import" href="bower_components/core-header-panel/core-header-panel.html">
    <link rel="import" href="bower_components/core-toolbar/core-toolbar.html">
    <link rel="import" href="bower_components/paper-tabs/paper-tabs.html">
</head>

<body unresolved touch-action="auto">
    <core-header-panel>
        <core-toolbar>
            <paper-tabs valueattr="name" selected="all" self-end>
                <paper-tab name="all">All</paper-tab>
                <paper-tab name="favorites">FAVORITES</paper-tab>
            </paper-tabs>
        </core-toolbar>
    </core-header-panel>
<script>
    var tabs = document.querySelector('paper-tabs');
    tabs.addEventListener('core-select', function(){
        console.log("Selected: " + tabs.selected);
    });
</script>

</body>

下面是呈现标签的代码:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="bower_components/platform/platform.js" ></script>
    <link rel="import" href="bower_components/polymer/polymer.html">
    <link rel="import" href="bower_components/font-roboto/roboto.html">
    <link rel="import" href="bower_components/core-header-panel/core-header-panel.html">
    <link rel="import" href="bower_components/core-toolbar/core-toolbar.html">
    <link rel="import" href="bower_components/paper-tabs/paper-tabs.html">
</head>

<body unresolved touch-action="auto">

            <paper-tabs valueattr="name" selected="all" self-end>
                <paper-tab name="all">All</paper-tab>
                <paper-tab name="favorites">FAVORITES</paper-tab>
            </paper-tabs>

<script>
    var tabs = document.querySelector('paper-tabs');
    tabs.addEventListener('core-select', function(){
        console.log("Selected: " + tabs.selected);
    });
</script>

</body>
</html>

最佳答案

好的，我明白了。我只需要将 core-header-panel 的高度设置为 height: 100%;我以为 polymer 会自动将标签分配到 height:100%;

关于 polymer 纸标签无法正确呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24605608/

25 4 0
文章推荐： C - 打印出现次数最多的字符串
文章推荐： cordova - 使用 AngularJS 和 Ionic 访问 PhoneGap 中运行的后台进程
文章推荐： visual-c++ - 使用/GS安全检查如何找到故障位置？
文章推荐： highcharts - 将绘图线添加到热图