学做家常菜的网站,芜湖做网站多少钱,一流的上海网站建设公司,阿里巴巴网站建设的不足之处现象 解决
1. 添加图片懒加载
背景图懒加载 对背景图懒加载做的解释
和图片懒加载不同#xff0c;背景图懒加载需要使用 v-lazy:background-image#xff0c;值设置为背景图片的地址#xff0c;需要注意的是必须声明容器高度。
div v-forimg in imageList背景图懒加载需要使用 v-lazy:background-image值设置为背景图片的地址需要注意的是必须声明容器高度。
div v-forimg in imageList v-lazy:background-imageimg /
!-- 新增懒加载组件 --lazy-componentli classcontent_img_li v-for(items, index) in item.pic :keyitems.imgp refimg!-- spanclickkanTu(index, item.pic):style{background: url( items ) no-repeat center center,backgroundSize: items ? cover : }/span --!-- 增加的 背景懒加载 和 --spanclickkanTu(index, item.pic)v-lazy:background-imageitems ?imageView2/0/w/200:style{backgroundSize: items ? cover : }/span/p/li/lazy-component
1. 对图片的大小做限制 ?imageView2/0/w/200 只针对七牛云有效果
最主要的 就是这句 v-lazy:background-imageitems ?imageView2/0/w/200