瀑布流拓展方法、装置、设备及存储介质制造方法及图纸

本申请涉及网络购物技术领域，特别是涉及到一种瀑布流拓展方法、装置、设备及存储介质，应用于金融商品页面内容获取和排布。通过获取瀑布流页面各列的高度，将待插入的元素数据插入到所述高度最小的列，防止瀑布流页面中出现个别元素数据列高度明显小于其他元素数据列高度的现象。若获取的元素数据为非瀑布流元素数据，可以通过获取非瀑布流元素数据在HTML模板上的槽属性，关联具名插槽，在瀑布流页面中查找具名插槽对应的列，实现了在瀑布流页面中插入非瀑布流的内容，拓展了瀑布流页面的元素数据内容。数据内容。数据内容。

【技术实现步骤摘要】
瀑布流拓展方法、装置、设备及存储介质


[0001]本申请涉及网络购物
，特别是涉及到一种瀑布流拓展方法、装置、设备及存储介质。

技术介绍

[0002]瀑布流又称瀑布流式布局，是一种多列等宽不等高的一种页面布局方式。瀑布流现在多数用在电商相关的网站上使用，视觉表现为参差不齐的多栏布局。是一种允许用户不断往下滑动，页面自动刷新呈现内容的交互形式。当用户在金融商品页面进行网络购物时，通过下滑商品页面，获取更多金融商品信息。瀑布流的主要特性便是错落有致，定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式。这种展示方式可以使页面比较美观，让人有种错落有致的感觉。随着页面滚动条向下滚动，这种布局会不断加载数据并附加至当前的尾部。瀑布流的实现方式都是从左到右，一排完成后，再完成下一排，这种情况会导致某一列的数据特别短。并且现有技术的瀑布流仅支持纯瀑布流的展示，如果在瀑布流中插入非瀑布流的内容则是不支持的。

技术实现思路

[0003]本申请的主要目的为提供一种瀑布流拓展方法、装置、设备及存储介质，旨在解决现有技术中常规瀑布流排列方式导本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种瀑布流拓展方法，其特征在于，所述方法包括：获取元素数据；获取瀑布流页面各列的高度，比较所述高度，得到高度最小的列；将所述元素数据插入到所述高度最小的列。2.根据权利要求1所述的瀑布流拓展方法，其特征在于，所述获取元素数据之后，包括：判断所述元素数据是否为瀑布流元素数据；若否，则获取所述元素数据在HTML模板上的槽属性，关联具名插槽，所述元素数据作为所述具名插槽的内容。3.根据权利要求2所述的瀑布流拓展方法，其特征在于，所述若否，则根据所述元素数据HTML模板上的槽属性关联具名插槽，所述元素数据作为所述具名插槽的内容之后，包括：判断瀑布流页面各列中是否有所述具名插槽对应的列；若有，则将所述具名插槽的内容插入到所述对应列的置顶位置。4.根据权利要求1所述的瀑布流拓展方法，其特征在于，所述将所述元素数据插入到所述高度最小的列之后，包括：获取所述瀑布流页面的滚动高度、瀑布流页面的可视区域高度和高度最小的列的高度；判断所述高度最小的列的高度减去所述滚动高度的值是否小于所述可视区域高度的指定倍数时；若是，则继续渲染元素数据。5.根据权利要求1所述的瀑布流拓展方法，其特征在于，所述获取元素数据之前，包括：获取已渲染的元素数据个数、瀑布流页面的可视区域可以展示的预估元素个数和已请求到的元素数据个数；判断渲染的元素数据个数加...

【专利技术属性】
技术研发人员：孟东亚，
申请(专利权)人：平安消费金融有限公司，
类型：发明
国别省市：