0

我有一个对话框,其中包含一些<paper-input>带有标签的元素,以及一个不是<paper-input>但我也想为其提供外观相同的标签的元素。

我尝试了各种解决方案,但似乎没有一个能给我一个正确放置的相同标签。例如,此代码将标签放置在<div slot="input">元素的顶部:

<paper-input-container>
    <label slot="label">Location</label>
    <div slot="input">
        <img src="https://maps.googleapis.com/maps/api/staticmap?center=[[_position.lat]],[[_position.lng]]&zoom=16&size=200x125&maptype=roadmap&markers=color:red%7label:%7C[[_position.lat]],[[_position.lng]]&key=MY_API_KEY">
        <paper-button on-tap="doStuff"><iron-icon icon="maps:place"></iron-icon> &nbsp; Pick location</paper-button>
    </div>
</paper-input-container>

结果并不完全是我所希望的:

在此处输入图像描述

当我没有礼物时,有没有办法让标签看起来像其他标签(即NameDescription)?Category<paper-input>

4

1 回答 1

0

事实证明很容易修复 - 我只是添加always-float-label<paper-input-container>并且事情开始按预期工作。

<paper-input-container always-float-label>
    ...
</paper-input-container>

似乎我不需要将其添加到其他输入元素的原因是它们placeholder设置了属性,这会自动使标签“浮动”(即很小并出现在输入上方)。

于 2017-11-27T10:35:30.790 回答