vue-lazyload插件如何做不同模块选择不同的loading图片?

Question

Vue.use(VueLazyLoad, {
  error: require('./assets/common/loading_180.png'), // 这个是请求失败后显示的图片
  loading: require('./assets/common/loading_180.png'), // 这个是加载的loading过渡效果
  try: 1 // 这个是加载图片数量
})

main.js 中引入了VueLazyLoad 这个插件，但是使用时候遇到需要有3个模块图片懒加载，但是3个模块的大小形状不太一样。
用统一的error和loading 字段的图片会导致有些模块的懒加载图片被撑开了

求教~~~怎么在不同模块下，可以自己配置不同的图片去执行懒加载,保证图片正常显示

Answer 1

img[lazy=loading] {
    /*your style here*/
  }
  img[lazy=error] {
    /*your style here*/
  }
  img[lazy=loaded] {
    /*your style here*/
  }

根据不同模块css解决

Answer 2

图片的大小不应该是样式控制吗？