动态计算工作台卡片位置的方法技术

本发明专利技术提供了一种动态计算工作台卡片位置的方法，可以根据不同屏幕尺寸自动调整卡片的位置，确保卡片在不同设备上的展示效果稳定。无论用户使用的是大屏幕显示器还是小屏幕移动设备，卡片都能够在页面上正确显示，不会出现布局混乱或信息不完整的情况。用户可以自由配置卡片的位置和调整卡片的尺寸，不受固定位置限制。用户可以根据自己的需求灵活地排列卡片，提高工作台的个性化和可定制性。此外，由于卡片位置的自动计算，用户不需要手动调整卡片位置，减少了操作和控制的复杂性，提供了更简便的使用体验。

【技术实现步骤摘要】

本专利技术涉及一种动态计算工作台卡片位置的方法。

技术介绍

1、在当前的web前端开发中，已经存在一些工作台页面的布局方法。现有的产品和系统通常采用静态的布局方式，即在页面加载时将卡片固定放置在指定的位置上。然而，现有的方法存在一些问题，例如无法提供自动适应功能。当一行无法容纳所有卡片时，卡片不会自动挤到下一行展示，而是会被截断或溢出，导致页面布局混乱或信息不完整。

技术实现思路

1、本专利技术的目的在于提供一种动态计算工作台卡片位置的方法。

2、为解决上述问题，本专利技术提供一种动态计算工作台卡片位置的方法，包括：

3、定义各种像素尺寸的工作台页面的容器对应的全局第一栅格属性；基于全局第一栅格属性，定义容器内对应展示的各种卡片的全局第二栅格属性，包括：卡片的栅格数大小及在容器中的栅格位置；

4、当页面加载或容器大小发生变化时，获取变化后的容器的像素尺寸信息，包括：像素宽度和像素高度；基于所述像素尺寸信息获取对应的全局第一栅格属性；

5、基于获取到的容器对应的全本文档来自技高网...

【技术保护点】

1.一种动态计算工作台卡片位置的方法，其特征在于，包括：

2.如权利要求1所述的动态计算工作台卡片位置的方法，其特征在于，定义各种像素尺寸的工作台页面的容器对应的全局第一栅格属性，包括：

3.如权利要求2所述的动态计算工作台卡片位置的方法，其特征在于，基于全局第一栅格属性，定义容器内对应展示的各种卡片的全局第二栅格属性，包括：卡片的栅格数大小及在容器中的栅格位置，包括：

4.如权利要求3所述的动态计算工作台卡片位置的方法，其特征在于，基于所述像素尺寸信息获取对应的全局第一栅格属性，包括：

5.如权利要求1所述的动态计算工作台卡片位置的方法，...

【技术特征摘要】

1.一种动态计算工作台卡片位置的方法，其特征在于，包括：

2.如权利要求1所述的动态计算工作台卡片位置的方法，其特征在于，定义各种像素尺寸的工作台页面的容器对应的全局第一栅格属性，包括：

3.如权利要求2所述的动态计算工作台卡片位置的方法，其特征在于，基于全局第一栅格属性，定义容器内对应展示的各种卡片的全局第二栅格属性，包括：卡片的栅格数大小及在容器中的栅格位置，包括：

4.如权利要求3所述的动态计算工作台卡片位置的方法，其特征在于，基于所述像素尺寸信息获取对应的全局第一栅格属性，包括：

5.如权利要求1所述的动态计算工作台卡片位置的方法，其特征在于，基于获取到的容器对应的全局第一栅格属性，将待展示的卡片对应的全局第二栅格属性转...

【专利技术属性】
技术研发人员：薛山山，
申请(专利权)人：智研工软杭州科技有限公司，
类型：发明
国别省市：