[发明专利]前端元素对齐的方法和系统

权利要求书

1.前端元素对齐方法，包括：

获取前端元素对应的元素配置信息，所述前端元素包括对齐元素与所述对齐元素对应的被对齐元素；

基于所述元素配置信息，迭代执行对齐操作，所述对齐操作为将所述对齐元素与所述被对齐元素进行对齐；以及

输出目标对齐后元素。

2.根据权利要求1所述的前端元素对齐方法，其中，所述对齐元素包括提示框和选择框的下拉弹出框中的至少一种。

3.根据权利要求1所述的前端元素对齐方法，其中，所述迭代执行对齐操作包括：执行所述对齐操作直至达到预设迭代次数。

4.根据权利要求1所述的前端元素对齐方法，其中，所述迭代执行对齐操作包括：执行对齐操作直至所述对齐元素达到预设对齐效果。

5.根据权利要求1所述的前端元素对齐方法，其中，所述基于所述元素配置信息，迭代执行对齐操作，包括：

基于所述元素配置信息，确定所述对齐元素对应的对齐尺寸；以及

基于所述对齐尺寸和所述元素配置信息，迭代执行对齐操作。

6.根据权利要求5所述的前端元素对齐方法，其中，所述基于所述元素配置信息，确定所述对齐元素对应的对齐尺寸，包括：

基于所述元素配置信息，确定所述对齐元素对应的对齐类型为非固定对齐；以及

对所述被对齐元素的尺寸进行测量，得到所述对齐元素对应的对齐尺寸。

7.根据权利要求5所述的前端元素对齐方法，其中，所述基于所述元素配置信息，确定所述对齐元素对应的对齐尺寸，包括：

基于所述元素配置信息，确定所述对齐元素对应的对齐类型为固定对齐；以及

基于所述元素配置信息，获取所述对齐元素对应的对齐尺寸。

8.根据权利要求5所述的前端元素对齐方法，其中，所述对齐操作，包括：

基于所述被对齐元素的位置和所述对齐元素的当前尺寸，获取所述对齐元素的当前对齐位置；

将所述对齐元素移动至所述当前对齐位置，并对所述对齐元素的样式进行更新，得到候选对齐后元素；

将所述候选对齐后元素更新为所述对齐元素；以及

将所述候选对齐后元素的尺寸更新为所述对齐元素的当前尺寸。

9.根据权利要求8所述的前端元素对齐方法，其中，所述对所述对齐元素的样式进行更新，得到候选对齐后元素，包括：

确定所述元素配置信息包括更新样式信息；以及

基于所述当前对齐位置，在所述对齐元素上添加目标样式，得到候选对齐后元素，所述目标样式为所述更新样式信息对应的元素样式。

10.根据权利要求8所述的前端元素对齐方法，其中，所述对所述对齐元素的样式进行更新，得到候选对齐后元素，包括：

确定所述元素配置信息不包括更新样式信息；以及

将所述对齐元素作为所述候选对齐后元素。

11.根据权利要求5所述的前端元素对齐方法，其中，所述迭代执行对齐操作包括初始化对齐操作，所述初始化对齐操作包括：

绘制所述对齐尺寸对应的初始对齐元素；以及

将所述初始对齐元素的显示状态设置为透明状态，得到所述对齐元素。

12.根据权利要求1所述的前端元素对齐方法，其中，所述输出目标对齐后元素，包括：

将所述迭代执行对齐操作中最后一次对齐操作更新的对齐元素作为目标对齐后元素；

基于所述元素配置信息，对所述目标对齐后元素进行动画渲染；以及

输出动画渲染后的目标对齐后元素。