vue-waterfall2 如何添加占位图片

如何添加占位图片

Open smalike opened this issue 2 years ago • 4 comments

等待图片加载完成后显示，页面会有短暂的空白。如何添加默认的占位图呢？

Oct 10 '22 07:10 smalike

可以让图片资源尽量小点吧，压缩一下，因为需要获取图片属性，图片过大会影响体验，占位图的话，可以试试条件渲染，你可以针对图片做个预加载，预加载完成的图片才展示。

Oct 10 '22 07:10 AwesomeDevin

怎么给占位设置高宽呢？我是想在图片加载的时候占位撑起页面。可是现在看组件，貌似是图片加载完才显示到页面上。

Oct 10 '22 08:10 smalike

怎么给占位设置高宽呢？我是想在图片加载的时候占位撑起页面。可是现在看组件，貌似是图片加载完才显示到页面上。

宽度是可以设置的，高度没法设置，是自适应的，这个组件的优点就是支持宽高、自适应，不需要设置图片宽高

Oct 10 '22 13:10 AwesomeDevin

不设置图片宽高最大的问题就是要等到图片加载完页面的元素才能显示出来，这样会很慢。某个图片一旦超时那就是灾难性的。

Oct 11 '22 05:10 smalike

不设置图片宽高最大的问题就是要等到图片加载完页面的元素才能显示出来，这样会很慢。某个图片一旦超时那就是灾难性的。

超时的话，这个item就不会被展示，正常情况下是不会超时的，超时了的话就是资源的问题了

Oct 19 '22 01:10 AwesomeDevin