文章/答案/技术大牛

发布

社区首页 >问答首页 >聚合物纸只在阴影中输入，在浏览器中不可见

问聚合物纸只在阴影中输入，在浏览器中不可见
EN

Stack Overflow用户

提问于 2017-05-05 12:50:01

回答 1查看 242关注 0票数 0

我对聚合物(2.0)非常陌生，所以我只是在练习一个示例应用程序。我想用两个纸输入字段创建一个基本的“登录”屏幕。

我会给你看我到目前为止所得到的。

我的index.html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="import" href="./bower_components/webcomponentsjs/webcomponents-lite.js">
        <link rel="import" href="./bower_components/polymer/polymer.html">
        <link rel="import" href="./testing/login-page.html">
    </head>
    <body unresolved>
        <login-page></login-page>
    </body>
</html>

和我的登录名-page.html，它位于一个名为“testing”的文件夹中。

<dom-module id="login-page">
    <template>
        <h2>Hello!</h2>
        <paper-input label="test">test</paper-input>
    </template>
    <script>
        Polymer({
            is: 'login-page',
            properties: {
                prop1: {
                    type: String,
                    value: 'login-page',
                },
            }
        });
    </script>
</dom-module>

我使用bower使用以下命令安装了纸张输入：bower install paper-input

问题是，它没有出现，但当我检查页面时，它会出现在阴影中。h2标记中的所有内容都会出现。再说一次，我对聚合物很陌生，所以我做错什么了吗？

polymer

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-05 12:54:45

如果您正在使用Polymer2.0，则需要下载带有#2.0-preview后缀的元素。

在你的情况下

bower i --save PolymerElements/paper-input#2.0-preview

然后将其导入到页面中。

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43805445

复制

相似问题

问聚合物纸只在阴影中输入，在浏览器中不可见
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物纸只在阴影中输入，在浏览器中不可见EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物纸只在阴影中输入，在浏览器中不可见
EN