【技术实现步骤摘要】
页面中数据聚合单元的布局方法及装置
[0001]本申请涉及计算机
，特别是涉及一种页面中数据聚合单元的布局方法及装置。
技术介绍
[0002]应用程序的客户端页面由多个数据聚合单元组成，该数据聚合单元可以包括视频数据、图像数据等。目前对于数据聚合单元之间的间距，是根据产品要求和上下相邻数据聚合单元，由开发人员手动在模板上，没有固定的操作规范配置是否显示上下间距和上下间距的层叠样式表(Cascading Style Sheets，CSS)。从而导致有的CSS使用上间距设置，有的CSS使用下间距设置；而且当CSS位置发生变化时，间距设置也需要随之发生变化以保持和相邻层叠样式表之间的正常距离，做不到很好的规范性、自动化。尤其在面对比如搜索等类型的页面时，由于页面数据千变万化也导致了CSS的排列组合千变万化，间距的处理就更加雪上加霜，导致对于数据聚合单元在页面布局比较繁琐，且工作量大。
技术实现思路
[0003]本申请实施例的目的在于提供一种页面中数据聚合单元的布局方法及装置，以实现通过同一规范来确定上下相邻两...
【技术保护点】
【技术特征摘要】
1.一种页面中数据聚合单元的布局方法，其特征在于，包括：确定第一数据聚合单元的类型和第二数据聚合单元的类型，其中，所述第一数据聚合单元和所述第二数据聚合单元在所述页面中上下相邻，且所述第一数据聚合单元在所述页面中位于所述第二数据聚合单元之上，所述页面包括多个数据聚合单元；获取所述第一数据聚合单元的类型和第二聚合单元的类型的比较结果，并基于所述比较结果确定所述第二数据聚合单元的上间距的值；基于确定的所述上间距的值对所述第一数据聚合单元和所述第二数据聚合单元在所述页面中进行布局。2.根据权利要求1所述的方法，其特征在于，所述获取所述第一数据聚合单元的类型和第二聚合单元的类型的比较结果，并基于所述比较结果确定所述第二数据聚合单元的上间距的值包括：获取第一比较结果，其中，所述第一比较结果为所述第一数据聚合单元的主类型与所述第二数据聚合单元的主类型的比较结果；在所述第一比较结果表征所述第一数据聚合单元的主类型与所述第二数据聚合单元的主类型相同的情况下，继续获取第二比较结果，并基于所述第二比较结果确定所述第二数据聚合单元的上间距的值，其中，所述第一比较结果是指比较所述第一数据聚合单元是否具有子类型，以及所述第二数据聚合单元是否具有子类型，以及所述第一数据聚合单元的子类型与所述第二数据聚合单元的子类型是否一致的结果；在所述第一比较结果表征所述第一数据聚合单元的主类型与所述第二数据聚合单元的主类型不相同的情况下，将预设的第一值确定为所述第二数据聚合单元的上间距的值。3.根据权利要求2所述的方法，其特征在于，所述基于所述第二比较结果确定所述第二数据聚合单元的上间距的值，包括以下至少一项：在所述第二比较结果表征所述第一数据聚合单元和所述第二数据聚合子单元均没有子类型的情况下，将与所述第一数据聚合单元的主类型对应的第二值确定为所述上间距的值；在所述第一数据聚合单元具有子类型，且所述第二数据聚合单元不具有子类型的情况下，将与所述第一数据聚合单元的主类型对应的第二值确定为所述上间距的值；在所述第一数据聚合单元不具有子类型，且所述第二数据聚合单元具有子类型的情况下，确定所述上间距的值为0；在所述第一数据聚合单元所具有的子类型与所述第二数据聚合单元所具有子类型相同的情况下，确定所述上间距的值为0。4.根据权利要求3所述的方法，其特征在于，所述将与所述第一数据聚合单元的主类型对应的第二值确定为上间距的值，包括：从层叠样式表CSS池中获取与所述第一数据聚合单元的主类型对应的第二值；确定所述第二值为所述上间距的值。5.根据权利要求4所述的方法，其特征在于，在确定第一数据聚合单元第一类型和第二聚合单元的第二类型之前，所述方法还包括：根据所述数据聚合单元所包括数据的数据类型，分别对所述多个数据聚合单元设置对应的类型；其中，所述类型包括主类型和子类型；
设置与每一种数据聚合单元的...
【专利技术属性】
技术研发人员：张强，
申请(专利权)人：北京奇艺世纪科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。