请问一下这种布局是怎么实现的?

新手上路,请多包涵

tuhaokuai_1582685795.gif

这是一种可以无限加载的,不是固定死几张图片的布局。

阅读 1.4k
2 个回答

看起来都是正方形的图片,在小屏幕上显示,我觉得直接写好几种行类型,然后随机选一种呈现即可。

这是一种无限下拉加载数据的方式来呈现页面,首先在布局上需要把循环的主体写出来,比如有几个大正方形,几个小正方形;接着这个主体要加载的数据结构定义好,比如

var imgs ={
    bigImg = 'https://bigImg';
    smallImg1 = 'https://smallImg1';
    smallImg2 = 'https://smallImg2';
    ....
}

下拉滚动其实也可以理解为分页加载,所以在后台就需要把每页要展示的数据组成容器,如list传递到前端,前端拿到list中的每个item进行解析并填充数据。
下拉滚动数据插件在网上可以随便搜索到,如果是vue可以参考v-infinite-scroll

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题