鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue-lazyload插件如何做不同模塊選擇不同的loading圖片?

vue-lazyload插件如何做不同模塊選擇不同的loading圖片?

Vue.use(VueLazyLoad, {
  error: require('./assets/common/loading_180.png'), // 這個是請求失敗后顯示的圖片
  loading: require('./assets/common/loading_180.png'), // 這個是加載的loading過渡效果
  try: 1 // 這個是加載圖片數(shù)量
})

main.js 中引入了VueLazyLoad 這個插件，但是使用時候遇到需要有3個模塊圖片懶加載，但是3個模塊的大小形狀不太一樣。
用統(tǒng)一的error和loading 字段的圖片會導致有些模塊的懶加載圖片被撐開了

求教~~~怎么在不同模塊下，可以自己配置不同的圖片去執(zhí)行懶加載,保證圖片正常顯示

回答
編輯回答
使勁操

圖片的大小不應(yīng)該是樣式控制嗎？

2017年6月5日 07:05
編輯回答
過客
img[lazy=loading] {
    /*your style here*/
  }
  img[lazy=error] {
    /*your style here*/
  }
  img[lazy=loaded] {
    /*your style here*/
  }

根據(jù)不同模塊css解決

2017年6月1日 19:55