vue-awesome-swiper异步加载,样式问题

首页的轮播用了vue-awesome-swiper组件,异步加载,可以使用。
第一次加载之后,我到是记录了信息到store里面,所以以后再切换回首页不需要再加载,显示没问题。
问题是每次初始打开,异步加载之前,轮播图片区域都是没有的,加载完了,才突然页面撑高,显示顶部的轮播图片。初次打开的界面很不友好。请教各位了。

阅读 5.8k
3 个回答

初始化打开,轮播图区域没有,你可以给轮播图的父级默认指定一个高度,默认就让他撑开,就不会存在加载完了,页面忽然撑高的效果,如果觉得加载前到加载完有个空白区域难看,可以加个加载层,也就是菊花,转呀转的

加VI-IF 判断下,没有数据就给一个默认的图片

对图片进行预加载,先存起来,等用的时候就直接用缓存了,请求时间会快好多

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