[发明专利]一种页面布局方法、装置、电子设备及存储介质

说明书

本公开涉及一种页面布局方法、装置、电子设备及存储介质，其中，页面布局方法包括：接收第一页面的布局指令；根据所述布局指令，确定所述第一页面中的多个信息集合所对应的布局参数，每个信息集合包括至少一个元素；基于所述多个信息集合所对应的布局参数，对所述第一页面中所述多个信息集合进行布局，以得到布局后的所述第一页面。

技术领域

本公开涉及WEB前端技术领域，尤其涉及一种页面布局方法、装置、电子设备及存储介质。

背景技术

随着WEB前端技术日新月异的发展，页面布局作为WEB前端技术中一项重要的技术也得到越来越多的关注，优秀的页面布局可以使系统的界面组织更加的合理，可视化程度高，以提升用户体验；目前的页面布局方法大多以元素或组件作为操作对象设置尺寸，操作繁琐，且适应性不强，不能满足用户的多元化需求。

发明内容

为了解决上述技术问题或者至少部分地解决上述技术问题，本公开提供了一种页面布局方法、装置、设备及存储介质。

第一方面，本公开提供了一种页面布局方法，该方法包括：

接收第一页面的布局指令；

根据布局指令，确定第一页面中的多个信息集合所对应的布局参数，每个信息集合包括至少一个元素；

基于多个信息集合所对应的布局参数，对第一页面中多个信息集合进行布局，以得到布局后的第一页面。

可选的，布局参数包括以下至少一项：

多个信息集合的数量；

多个信息集合中每个信息集合的尺寸；

多个信息集合之间的间距；

第一标识的位置信息；

多个信息集合中每个信息集合与排列单元的百分比；

多个信息集合中每个信息集合的坐标信息；

其中，第一标识用于指示换行布局，或者，第一标识用于指示换列布局。

可选的，布局参数包括：多个信息集合的数量、多个信息集合中每个信息集合的尺寸和多个信息集合之间的间距中的至少一项；

基于多个信息集合所对应的布局参数，对第一页面中多个信息集合进行布局，以得到布局后的第一页面，包括：

根据布局参数，对第一页面中的多个信息集合进行目标排列方向的布局，以得到按照目标排列方向布局的第一页面；

其中，目标排列方向为行向或者列向。

可选的，布局参数至少包括：多个信息集合的数量、多个信息集合中每个信息集合的尺寸和多个信息集合之间的间距；

基于多个信息集合所对应的布局参数，对第一页面中多个信息集合进行布局，以得到布局后的第一页面，包括：

基于多个信息集合所对应的布局参数，对第一页面中多个信息集合进行按照目标排列方向进行布局；

获取排列后多个信息集合所对应的第一显示单元的尺寸；

若第一显示单元的尺寸大于第一排列单元的尺寸，则在第一显示单元中的目标位置增加第一标识，排列单元为行或列；

对第一内容中的至少一个信息集合在第一排列单元中进行布局，以及对第二内容中的至少一个信息集合在第二排列单元中进行布局；第一内容处于目标位置之前，第二内容处于目标位置之后。

可选的，布局参数至少包括：多个信息集合的数量、多个信息集合中每个信息集合的尺寸和多个信息集合之间的间距；