将聚合物芯抽屉面板抽屉面板定位在右侧

时间:2014-06-28 08:46:08

标签: polymer web-component

我很困惑如何在使用聚合物核心抽屉面板时将抽屉面板放在页面的右侧而不是左侧。

正如here所述,这应该是可能的。

<core-drawer-panel>

  

一个响应式容器,结合了左侧或右侧抽屉   用于导航或其他选项的面板和主要内容区域。

核心抽屉面板的documentation显示没有位置属性或类似的东西。

我尝试制作的内容类似于下图,其中绘图面板位于右侧。 例如:

<core-drawer-panel id="drawerPanel">
    <div main>
      ...
    </div>
    <div drawer> <!-- I want to be on the right side -->
      ...
    </div>
</core-drawer-panel>

enter image description here

1 个答案:

答案 0 :(得分:5)

试试这个:

<core-drawer-panel class="right-drawer"></core-drawer-panel>

这需要记录在案,您是否介意在此处提出问题:https://github.com/Polymer/core-drawer-panel