菜市场做建筑设计图库的网站设计,库存软件,本地网站做淘宝客,淘客没有网站难做解决方法
列表默认显示的降低清晰度#xff0c;预览图片的时候加载原图。
如果图片是上传到阿里云的OSS上#xff0c;可以快速获取图片缩略图的方法
直接在后端返回的URL后面拼接字符串#xff1a; XXX.png?x-oss-process
缩略图方法介绍#xff1a;
?x-oss-proces…解决方法
列表默认显示的降低清晰度预览图片的时候加载原图。
如果图片是上传到阿里云的OSS上可以快速获取图片缩略图的方法
直接在后端返回的URL后面拼接字符串 XXX.png?x-oss-process
缩略图方法介绍
?x-oss-processimage/resize,m_fill,w_782,h_540
// XXX.png?x-oss-process 下划线后面紧跟着的就是图片的宽高大小 单位px设置图片清晰度
?x-oss-processimage/quality,q_60
//设置图片清晰度最后就是清晰度0-100数字越大清晰度越高快速获取视频的封面方法 ?x-oss-processvideo/snapshot,t_7000,f_jpg,w_800,h_600,m_fast//直接在视频连接后面拼接下面的参数
block v-for(img,imgIndex) in item.images :keyimgIndex v-ifitem.imagesimage :srci.image(img?x-oss-processimage/quality,q_20) modeaspectFill lazy-load:show-menu-by-longpresstrue click.stoppreview(img,item.images)/image
/blocklazy-load懒加载 :show-menu-by-longpresstrue长按 click.stoppreview(img,item.images)预览 // 预览图片
function preview(e, preImgs) {i.previewImage(e, preImgs)
}
