Skip to content

DDei-Core-布局

标准布局

  经典的框架结构布局,包含了顶部菜单栏控件工具项画布属性面板底部工具栏等功能面板,通过插件配置可以调整每个部分的顺序和内容。

效果截图DDei设计器-缺省界面

使用方式

安装

  本插件缺省包含在DDei包中,可以直接使用。

引入

ts
import { DDeiCoreStandLayout } from "ddei-editor";

使用

ts
extensions: [
  ......
  //使用插件,配置每个区域的子插件
  DDeiCoreStandLayout.configuration({
    'top': [], //顶部区域
    'left': [], //中间区域-左边
    'middle': ['ddei-core-panel-canvasview', 'ddei-core-panel-quickcolorview'], //中间区域-中间
    'right': [], //中间区域-右边
    'bottom': [] //底部区域
  }),
],

基本信息

插件名ddei-core-layout-standard
类名DDeiCoreStandLayout
类别Layout

配置信息

属性名说明数据类型范围缺省值备注
top顶部区域Array<string/json/DDeiPluginBase>['ddei-core-panel-topmenu']
left中间区域-左边Array<string/json/DDeiPluginBase>['ddei-core-panel-toolbox']
middle中间区域-正中Array<string/json/DDeiPluginBase>['ddei-core-panel-canvasview']
right中间区域-左边Array<string/json/DDeiPluginBase>['ddei-core-panel-propertyview']
bottom底部区域Array<string/json/DDeiPluginBase>['ddei-core-panel-bottommenu']

技术支持

QQ:3697355039
微信公众号:ddei757