3

我在使用 flex-layout 的第一个 Angular 2.4/Angular 材质应用程序中磕磕绊绊。它有一列三行填满屏幕。我想在底部两行之间添加一个拆分器，并通过在桌面和触摸屏上拖动拆分器来调整每个行的高度。我试图实现几个宣传此功能的可用模块，但每个模块都有各种问题。Angular-split 是最有前途的，但似乎与我现有的代码/webpack 构建配置存在兼容性问题：https ://bertrandg.github.io/angular-split/#/

任何人都有此类功能的任何工作示例，可以帮助我入门。

任何输入表示赞赏。

<div class="flex-container content" fxLayout="column" fxLayoutAlign="top center">
    <div class="flex-item search-topbar" fxFlex="35%">
    </div>
    <div class="flex-item" fxFlex="40%">
        <!--Map-->  
    </div>
    <div class="flex-item result-bar" fxFlex="25%">
        <!--Search Results-->      
    </div>
</div>
4

1 回答 1

1

你可能需要看看这个：

  1. 拆分窗格演示https://plnkr.co/bxgcK29PNl9lexw6z6Ym
  2. 来源https://github.com/wannabegeek/ng2-split-pane

以及flex-layout此处的文档和示例：

  1. 演示：https ://tburleson-layouts-demos.firebaseapp.com/#/docs
  2. 文档：https ://github.com/angular/flex-layout/wiki
  3. 资源git clone https://github.com/angular/flex-layout
  4. npm run demo-app- 在本地运行上述演示
于 2017-04-07T05:40:08.617 回答