0

Polymer labs todo-list https://github.com/PolymerLabs/todo-list.gitで、index.html に紙のドロップダウン メニューを追加しました。

<body unresolved class="fullbleed layout vertical">
<span id="browser-sync-binding"></span>
<template is="dom-bind" id="app">

<todo-auth id="auth"
           user="{{user}}"
           location="[[firebaseURL]]"
           user="{{user}}">
</todo-auth>

<todo-data location="[[firebaseURL]]"
           todos="{{todos}}"
           user="{{user}}">
</todo-data>

<todo-view class="flex"
           route="{{route}}"
           todos="{{todos}}"
           on-sign-out="signOut">
</todo-view>

<paper-dropdown-menu label="Time">
  <paper-listbox class="dropdown-content" selected="0">
    <paper-item>All dDay</paper-item>
    <paper-item>AM</paper-item>
    <paper-item>PM</paper-item>
  </paper-listbox>
</paper-dropdown-menu>

<paper-toast id="caching-complete"
             duration="6000"
             text="Caching complete! This app will work offline.">
</paper-toast>

ただし、オプションが垂直に積み重ねられる代わりに、そのように水平に積み重ねられますここに画像の説明を入力

paper-dropdown-menu デモのソース コードでは、垂直方向に積み重ねるために特別なことを行っている様子は見られません。todo-list アプリでデフォルトのスタイリングをオーバーライドしているものと、それを垂直に積み重ねる方法を教えてください。ありがとう。

4

2 に答える 2

0

あなたはそのpaper-menu部分を見逃しているようです。以下の抜粋はドキュメントからのものです。

<paper-dropdown-menu label="Your favourite pastry">
  <paper-menu class="dropdown-content">
<paper-item>Croissant</paper-item>
<paper-item>Donut</paper-item>
<paper-item>Financier</paper-item>
<paper-item>Madeleine</paper-item>
  </paper-menu>
</paper-dropdown-menu>
于 2016-01-29T12:04:45.970 に答える