东方头条网新闻列表页循环的结构不一样怎么做的?

今天看新闻,然后看到这个网站,感觉样式挺漂亮,就是下图这个列表,我知道这个是循环出来的,但是我搞不懂这个页面为什么结构是不一样的 有的是三张图有的是每行,有的是一个图加文字介绍,最主要的是他的结构我没找到规律啊
比如3行3图的加5行单图文字然后又变成2行3图加1行单图问题在往下看结构又跟上面2种不一样 可能8行3图的了,
平时写页面大多都是循环一样的东西变个颜色之类的,百度了下也不知道这个叫什么效果没搜出来,前端的水平渣渣一枚平时就写个简单页面练习下而已没弄过时髦东西,麻烦告知下,谢谢!我附上链接因为我截图截不全太长了http://mini.eastday.com/games...
clipboard.png

阅读 2.7k
3 个回答

获取列表的时候带上每条新闻的图片数量,循环输出的时候判断一下:如果图片在3张以下采用图文左右排,图片在3张以上用另外一种排列

这,js 控制的吧,读取接口,想怎么渲染就怎么渲染了吧

有可能是不同的数据接口,有的就是三图,有的就是一图加介绍...像一般列表都是带文字的,推荐的列表都是图

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