use data-lazy-loaded again

saberland · Aug 29, 2019 · 980d3e4 · 980d3e4
1 parent 2b4145a
commit 980d3e4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/saber-plugin-image/lib/saber-browser.js b/packages/saber-plugin-image/lib/saber-browser.js
@@ -14,9 +14,12 @@ export default ({ Vue }) => {
       if ($el.dataset.src || $el.dataset.srcset) {
         lozad($el, {
           loaded: el => {
-            this.removeBlendIn = setTimeout(() => {
-              el.classList.remove(styles.blendIn)
-            }, 300)
+            el.addEventListener('load', () => {
+              el.setAttribute('data-lazy-loaded', '')
+              this.removeBlendIn = setTimeout(() => {
+                el.classList.remove(styles.blendIn)
+              }, 300)
+            })
           }
         }).observe()
       }

diff --git a/packages/saber-plugin-image/lib/styles.module.css b/packages/saber-plugin-image/lib/styles.module.css
@@ -4,6 +4,6 @@
   filter: blur(5px);
 }
 
-.blendIn[data-loaded="true"] {
+.blendIn[data-lazy-loaded] {
   filter: none;
 }