基于vue-cli脚手架,实现多列图片瀑布流布局,支

waterfall 运行步骤

# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev

本项目通过vue-cli搭建出一个空的元素项目, 在此基础上实现一个图片瀑布流功能。 具体的功能点如下:

项目为移动端项目,实现在移动端展现的效果; 瀑布流为两列显示,可拓展到多列; 瀑布流图片需要按照a-o的顺序展现; 图片宽高需要自适应图片本身的宽高; 支持下拉刷新和上拉加载,下拉刷新模拟网络请求,显示原始的a-o15张图片; 上拉加载,需要模拟网络请求的过程(显示正在加载中提示),再加载a-o15张图片,且顺序不能错乱; 上拉加载超过90张,底部显示全部加载完毕样式,不能再继续上拉加载了;

图片素材在 src/assets/images 下面

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。