可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. Split Pane左右栏

Split Pane左右栏

名称:

Split Pane | 左右栏

图标:

功能:

  • 默认左右分栏显示的一个框架元件
  • 是一个组合元件,由左边栏和右边栏显示块元件组成,所有组成元件都是HTML div 标签类型

使用方式:

使用左右栏分别显示目录/菜单和内容

  • 可以用来设计左边菜单、右侧内容页的框架
  • 左右显示块的宽度是用span4、span8来定义的,实际使用时,用百分比自定义灵活
  • 可以参考此方式设计想要的显示框架,并不一定必须使用此元件,直接放三个显示块元件也可以设计相同显示框架

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
    · 如可以选中左右显示块分配宽度等:width:40%;
  • 可以使用样式类,在“html.styleClass”属性中设定类名称
  • 默认样式定义的文件是“web\styles”下“split-pane.less”文件,可以修改某些样式为自己的显示风格