Polymer 1.0两级导航抽屉

时间:2015-07-01 05:09:47

标签: polymer

大部分"材料设计"站点具有侧面导航抽屉,其中使用可折叠的zippy菜单项进行两级导航。你将如何在Polymer 1.0中实现这一点?是否有一个元素,或者我必须将一堆不同的元素混合在一起?

有些网站有这个:

我认为这将使用<paper-drawer-panel>构建,其中包含<paper-menu>,以及来自<iron-collapse>的zippy行为。

<paper-menu>嵌入另一个内容的正确方法是什么?我尝试用几种不同的方式嵌套它们,但结果并不理想。

另外,我很惊讶您必须编写自定义JavaScript才能使可折叠程序正常工作。 The collapsibles in Bootstrap允许您使用css选择器将它们链接在一起。

1 个答案:

答案 0 :(得分:0)

自提出此问题以来,Polymer已实施source 'https://rubygems.org' ruby '2.3.0' gem 'rails', '4.2.2' gem 'pg' gem 'sass-rails', '~> 5.0' gem 'uglifier', '>= 1.3.0' gem 'coffee-rails', '~> 4.1.0' gem 'jquery-rails' gem 'turbolinks' gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6' gem "font-awesome-rails" gem 'paperclip', '~> 4.2' gem 'aws-sdk', '~> 1.66' gem 'simple_form' gem 'mail_form' gem 'jbuilder', '~> 2.0' gem 'sdoc', '~> 0.4.0', group: :doc group :development, :test do gem 'byebug' gem 'web-console', '~> 2.0' gem 'spring' end group :production do gem 'rails_12factor', '~> 0.0.3' end ,以便在<paper-submenu>内使用。

有关其工作原理的详细信息,请参阅paper-menu的文档和演示。

以下是Polymer网站的代码示例:

<paper-menu>