[发明专利]一种结合绝对定位和流式定位的画布定位方法

权利要求书

1.一种结合绝对定位和流式定位的画布定位方法，其特征在于，包括以下步骤：

将应用设计器的画布设置为绝对定位position：absolute；

在画布中开辟一个区域专门作为流式布局空间，并通过应用设计器内置的容器组件关联流式片段；

通过在绝对画布中拖拽容器组件到指定区域，并通过容器组件对指定的流式片段进行载入渲染。

2.根据权利要求1所述的一种结合绝对定位和流式定位的画布定位方法，其特征在于，所述画布设置父节点为position: relative,子节点设置为position: absolute。

3.根据权利要求1所述的一种结合绝对定位和流式定位的画布定位方法，其特征在于，所述流式布局空间通过采用element-plus布局容器组件来实现页面的流式布局，具体如下：

通过el-row将页面一行分成24份来渲染，在el-row下嵌套了el-col 通过设置el-col span 属性将元素按照比例来渲染；

在容器组件中，将容器组件父节点设置position：absolute作为绝对定位进行对容器组件任意位置的拖拽，将其子节点采用el-row组件进行渲染，然后通过指定的片段配置项，将片段内的控件信息用el-col标签渲染到的el-row标签下。

4.根据权利要求1所述的一种结合绝对定位和流式定位的画布定位方法，其特征在于，遍历读取当前应用的所有的片段信息并以树形式展示给用户选择，用户通过选择完对应的片段，将片段的配置信息进行读取，并通过容器组件按照片段的类型对片段内容进行渲染。

5.一种结合绝对定位和流式定位的画布定位系统，其特征在于，包括处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如下操作：

将应用设计器的画布设置为绝对定位position：absolute；

在画布中开辟一个区域专门作为流式布局空间，并通过应用设计器内置的容器组件关联流式片段；

通过在绝对画布中拖拽容器组件到指定区域，并通过容器组件对指定的流式片段进行载入渲染。

6.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行如权利要求1～4任意一项的方法步骤。