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

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

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

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

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

回答
編輯回答
使勁操

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

2017年6月5日 07:05
編輯回答
過(guò)客
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