<img :src="item.coverImg | imageSearch" alt=""/>
//搜索页列表裁剪
Vue.filter('imageSearch',(value)=>{
if (process.env.NODE_ENV === 'development') {
return value;
}else{
return value + "!q70!cc_145x108";
}
});
利用vue的filter给图片格式化;
降低图片质量:在图片src地址后拼接!q70可以将图片质量降低到70%,大小也会相应压缩;
剪裁:在图片src地址后拼接!cc_图片尺寸,可以将图片剪裁到相应的尺寸;